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划 淹 识 明 


随 着 我 国 改 革 开 放 的 进一步 深化 ,高 等 教育 也 得 到 了 快速 发 展 ,各 地 高 校 紧密 结合 地 方 
经 济 建设 发 展 需要 ,科学 运用 市 场 调节 机 制 ,加 大 了 使 用 信息 科学 等 现代 科学 技术 提升 、 改 
造 传 统 学 科 专 业 的 投入 力度 ,通过 教育 改革 合理 调整 和 配置 了 教育 资源 ,优化 了 传统 学 科 专 
业 , 积 极为 地 方 经 济 建设 输送 人 才 , 为 我 国 经 济 社会 的 快速 ,健康 和 可 持续 发 展 以 及 高 等 教 
育 自身 的 改革 发 展 做 出 了 巨大 贡献 。 但 是 ,高 等 教育 质量 还 需要 进一步 提高 以 适应 经 济 社 
会 发 展 的 需要 ,不 少 高 校 的 专业 设置 和 结构 不 尽 合理 ,教师 队伍 整体 素质 蝇 待 提高 ,人 才 培 
养 模式 ,教学 内 容 和 方法 需要 进一步 转变 ,学 生 的 实践 能 力 和 创新 精神 吸 待 加 强 。 

教育 部 一 直 十 分 重视 高 等 教育 质量 工作 。2007 年 1 月 ,教育 部 下 发 了 (关于 实施 高 等 
学 校本 科教 学 质量 与 教学 改革 工程 的 意见 ), 计 划 实 施 “ 高 等 学 校本 科教 学 质量 与 教学 改革 
[ 程 (简称 “质量 工程 ')”, 通 过 专业 结构 调整 .课程 教材 建设 .实践 教学 改革 ,教学 团队 建设 
等 多 项 内 容 ,进一步 深化 高 等 学 校 教学 改革 ,提高 人 才 培 养 的 能 力 和 水 平 ,更 好 地 满足 经 济 
社会 发 展 对 高 素质 人 才 的 需要 。 在 贯彻 和 落实 教育 部 “质量 工程 的 过 程 中 ,各 地 高 校 发 挥 
师资 力量 强 ,办 学 经 验 丰富 ,教学 资源 充裕 等 优势 ,对 其 特色 专业 及 特色 课程 ( 群 ) 加 以 规划 、 
整理 和 总 结 ,更 新 教学 内 容 、 改 革 课 程 体系 ,建设 了 一 大 批 内 容 新 、 体 系 新 、 方 法 新 、 手 段 新 的 
特色 课程 。 在 此 基础 上 ,经 教育 部 相关 教学 指导 委员 会 专家 的 指导 和 建议 ,清华 大 学 出 版 社 
在 多 个 领域 精 选 各 高 校 的 特色 课程 ,分 别 规划 出 版 系列 教材 ,以 配合 “质量 工程 ”的 实施 , 满 
足 各 高 校 教学 质量 和 教学 改革 的 需要 。 

本 系列 教材 立足 于 计算 机 公共 课程 领域 ,以 公共 基础 课 为 主 ,专业 基础 课 为 辅 ,横向 满 
足 高 校 多 层次 教学 的 需要 。 在 规划 过 程 中 体现 了 如 下 一 些 基本 原则 和 特点 。 

(1) 面向 多 层次 .多 学 科 专业 ,强调 计算 机 在 各 专业 中 的 应 用 。 教 材 内 容 坚 持 基 本 理论 
适度 ,反映 各 层次 对 基本 理论 和 原理 的 需求 ,同时 加 强 实践 和 应 用 环节 。 

(2) 反映 教学 需要 ,促进 教学 发 展 。 教 材 要 适应 多 样 化 的 教学 需要 ,正确 把 握 教学 内 容 
和 课程 体系 的 改革 方向 ,在 选择 教材 内 容 和 编写 体系 时 注意 体现 素质 教育 、 创 新 能 力 与 实践 
能 力 的 培养 ,为 学 生 的 知识 、 能 力 、 素 质 协 调 发 展 创造 条 件 。 

(3) 实施 精品 战略 ,突出 重点 ,保证 质量 。 规 划 教 材 把 重点 放 在 公共 基础 课 和 专业 基础 
课 的 教材 建设 上 ; 特别 注意 选择 并 安排 一 部 分 原来 基础 比较 好 的 优秀 教材 或 讲义 修订 再 
版 ,逐步 形成 精品 教材 ; 提倡 并 鼓励 编写 体现 教学 质量 和 教学 改革 成 果 的 教材 。 

(4) 主张 一 纲 多 本 ,合理 配套 。 基 础 课 和 专业 基础 课 教材 配套 ,同一 门 课程 可 以 有 针对 
不 同 层次 、 面 向 不 同 专 业 的 多 本 具有 各 自 内 容 特 点 的 教材 。 处 理 好 教材 统一 性 与 多 样 化 , 基 
本 教材 与 辅助 教材 .教学 参考 书 ,文字 教材 与 软件 教材 的 关系 ,实现 教材 系列 资源 配套 。 
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(5) 依靠 专家 ,择优 选用 。 在 制定 教材 规划 时 依靠 各 课程 专家 在 调查 研究 本 课程 教材 
建设 现状 的 基础 上 提出 规划 选 题 。 在 落实 主编 人 选 时 ,要 引入 竞争 机 制 , 通 过 申报 ,评审 确 
定 主 题 。 书 稿 完 成 后 要 认真 实行 审 稿 程序 ,确保 出 书 质 量 。 

繁荣 教材 出 版 事业 ,提高 教材 质量 的 关键 是 教师 。 建 立 一 支 高 水 平 教材 编写 梯队 才能 
保证 教材 的 编写 质量 和 建设 力度 ,希望 有 志 于 教材 建设 的 教师 能 够 加 入 到 我 们 的 编写 队伍 
中 来 。 


21 世纪 高 等 学 校 计算 机 基础 实用 规划 教材 
联系 人 : 魏 江 江 weijj@tup. tsinghua. edu. cn 


ASP.NET 是 在 Microsoft .NET Framework 的 基础 上 构建 的 .可 提供 构建 企业 级 Web 
应 用 程序 所 需 的 Web 平台 ,是 创建 动态 交互 网 页 的 强 有 力 的 工具 。..NET Framework 是 用 
于 构建 .开发 以 及 运行 Web 应 用 程序 和 Web Service 的 公共 环境 ,主要 由 编程 语言 .服务 器 
端 和 客户 端 技术 、 开 发 环境 三 部 分 组 成 。ASP.NET 是 .NET Framework 的 重要 组 成 部 分 ， 
它 建立 在 公共 语言 运行 库 上 ,可 用 于 在 Web 服务 器 上 生成 功能 强大 的 Web 应 用 程序 ,为 
Web 站 点 创建 动态 的 、 交 互 的 HTML 页 面 。 

作为 企业 级 应 用 开发 的 两 大 主流 技术 体系 之 一 , .NET 技术 近年 来 发 展 异常 迅速 , 越 来 
越 受 到 国内 外 IT 企业 的 认可 ,在 各 行 各 业 都 得 到 了 广泛 的 应 用 。 因 此 ,对 .NET 研发 人 员 
的 需求 量 也 在 不 断 上 升 ,熟悉 .NET 技术 体系 的 学 生 就 业 前 景 很 好 。 

笔者 长 期 从 事 Web 应 用 开发 和 .NET 技术 课程 的 一 线 教学 工作 ,有 着 深厚 的 实践 开发 
经 验 和 丰富 的 教学 经 验 ,熟悉 ASP.NET 和 JAVA EE 两 大 主流 技术 体系 ,对 面向 对 象 技 
术 、 设 计 模 式 . 软 件 架 构 等 知识 理解 较为 深刻 ,能够 站 在 理论 的 高 度 来 指导 实践 。 同 时 ,笔者 
非常 了 解 学 生 的 认 知 规律 ,并 以 此 指导 教材 的 编写 。 

Web 应 用 开发 有 着 很 强 的 技巧 性 ,要 求学 生 从 整体 上 把 握 软 件 的 架构 ,框架 ,合理 地 使 
用 设计 模式 ,这 样 才 能 设计 稳定 性 好 、 扩 展 性 强 的 软件 产品 。 本 教材 更 注重 思想 方法 的 培 
养 , 将 面向 对 象 思想 .设计 模式 和 软件 架构 的 知识 融入 各 章节 教学 中 ,尽量 使 学 生 知 其 然 并 
知 其 所 以 然 , 以 思想 方法 指导 设计 实践 。 本 书 紧 跟 技术 潮流 ,反映 了 Web 2.0 时 代 的 技术 
特征 ; 同时 没有 完全 跟风 ,而 是 选择 主流 、 稳 定 的 技术 进行 讲解 ,保证 了 内 容 体系 的 稳定 性 。 

全 书 所 有 程序 在 Windows XP SP2/Windows 7 IIS 6.0/7.0、.NET Framework 4 下 测 
试 通过 ,数据库 使 用 SQL Server 2008 R2 版 ,开发 工具 采用 Microsoft Visual Studio 2010 
旗舰 版 。 

本 书 第 1 一 第 3、 第 5 一 第 8 和 第 11 章 由 喻 钧 编写 ,第 4、 第 9 第 10 和 第 12 章 由 白 小 军 
编写 ,全 书 由 喻 钧 统 稿 。 本 书 电子 课件 和 源 程序 可 以 在 清华 大 学 出 版 社 网 站 http://www. 
tupwk. com. cn/downpage 免费 下 载 。 

在 编写 本 书 的 过 程 中 ,得 到 了 西安 凌 安 电脑 有 限 公司 张 西京 经 理 及 其 同仁 的 大 力 支持 ， 
在 此 一 并 表示 感谢 。 尽 管 在 编写 本 书 的 过 程 中 尽 了 最 大 努力 ,但 由 于 笔者 水 平 有 限 ,疏漏 及 
不 妥 之 处 在 所 难免 ,县 请 读者 批评 指正 。 作 者 联系 邮箱 : jyu0117@163. com 。 


编 者 
2012 年 8 月 
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第 1 章 Web 程序 设计 基础 


Web 技术 的 迅速 发 展 极 大 地 改变 了 整个 世界 ,影响 着 人 们 生活 、 工 作 、 学 习 、 交 流 
的 方方面面 。Web 已 经 构成 了 Internet 上 最 强 有 力 的 信息 检索 和 查询 工具 。Web 应 用 
结构 包括 装 有 浏览 器 软件 的 客户 端 `Web 服务 器 ,以 及 连接 它们 的 通信 网络 。 客 户 端 
与 Web 服务 器 之 间 遵 循 HTTP 协议 进行 请 求 和 响应 。 当 今 多数 Web 站 点 都 是 具有 复 
杂交 互 能 力 的 Web 页 面 ,这 些 动态 Web 页 面 (也 称 为 Web 应 用 程序 ) 集 成 了 网 页 信息 
和 处 理 程序 ,位 于 Web 服务 器 上 ,可 以 根据 用 户 的 不 同 请 求 进行 处 理 ,最 后 将 结果 返回 
给 客户 端 。 

本 章 向 读者 介绍 Web 程序 设计 的 最 基础 知识 ,包括 软件 编程 体系 、Web 的 工作 原理 以 
及 Web 程序 设计 技术 等 。 


1.1 软件 编程 体系 


在 目前 的 应 用 软件 开发 领域 中 ,主要 分 成 两 大 软件 编程 体系 结构 : 一 种 是 客户 机 /服务 
器 (Client/Server,C/S) 结 构 ; 另 一 种 是 浏览 器 /服务 器 (Browser/Server, B/S) 结 构 。 这 两 
种 结构 所 支持 的 语言 开发 工具 是 不 同 的 ,如 图 1-1 所 示 。 


软件 编程 体系 


| | 
Client/Server 结 构 Browser/Server 结 构 
Client 端 : Browser 端 : 
VB/VC/Delphi/Java/. NET 系 列 HTML/CSS/JavaScript/VBScript 
Server 端 : 
ASP(.NET)/PHP/JSP 


数据 库 支 持 : Access/SQL Server/Oracle/Sybase/MySQL/DB2/Informix 


图 1-1 软件 编程 体系 结构 


4SP NET Web 应 用 开发 技术 


1.1.1 C/S 软件 体系 结构 


C/S 是 较 早 的 软件 系统 体系 结构 ,主要 用 于 局 域 网 环境 ,如 图 1-2 所 示 。 服 务 器 通常 采 
用 高 性 能 的 PC 或 工作 站 ,并 安装 大 型 的 数据 库 系 统 , 如 Oracle、Sybase、Informix 或 SQL 
Server, 也 称 为 数据 库 服务 器 。 客 户 机 需要 安装 专门 的 客户 端 软件 , 即 应 用 程序 。 这 种 结构 
能 够 充分 发 挥 客户 端 PC 的 处 理 能 力 ,客户 端 响应 速度 快 。C/S 系统 的 可 扩展 性 和 可 维护 
性 差 ,如 软件 升级 时 ,每 台 客户 机 都 需要 重新 安装 ,系统 维护 和 升级 的 成 本 高 ; 同时 , 任 一 台 
客户 端的 应 用 程序 出 问题 ,都 不 能 正常 工作 ,需要 重新 安装 和 维护 。 另 外 ,由 于 采用 
Intranet 技术 ,适用 于 局 域 网 环境 的 可 连接 用 户 数 有 限 , 当 用 户 数量 增多 时 ,系统 性 能 会 明 
显 下 降 ,代码 的 可 重用 性 差 。 


Client 


客户 机 


固定 连接 


固定 连接 


图 1-2 C/S 软 件 体系 结构 


1.1.2 B/S 软件 体系 结构 


B/S 是 随 着 Web 技术 发 展 而 逐渐 成 熟 的 软件 系统 体系 结构 。 在 这 种 结构 中 ,所 有 的 应 
用 程序 以 及 数据 库 系 统 都 安装 在 服务 器 (Server) 上 , 客户 端 只 需 安装 任意 一 个 浏览 器 
(Browser) 即 可 , 它 是 零 维 护 的 。 用 户 通过 浏览 器 向 服务 器 发 出 一 个 请 求 (如 在 地 址 栏 输入 
一 个 网 址 , 单 击 超 链接 或 按钮 ) ,服务 器 处 理 该 请 求 后 ,将 结果 以 HTML 的 形式 返回 给 客户 
端 ,如 图 1-3 所 示 。 


发 出 请 求 
Browser Si 
Sei erver je 
浏览 器 Pt 
返回 HTML 网 页 
目 


图 1-3 B/S 软件 体系 结构 


B/S 结构 采用 Internet/Intranet 技术 ,用 于 广域网 环境 。 它 可 以 根据 访问 量 动态 地 配 
置 Web 服务 器 和 应 用 服务 器 ,以 支持 更 多 的 客户 。 代 码 可 重用 性 好 ,系统 扩展 维护 简单 。 
相对 于 C/S 结构 而 言 ,B/S 结构 具有 维护 方便 .易于 升级 和 扩展 .数据 集中 安全 、 跨 越 时 空 
地 域 限制 等 特点 。 

C/S 结 构 和 B/S 结构 的 比较 如 表 1-1 所 示 。 


表 1-1 C/S 结构 与 B/S 结构 的 比较 


C/S 软件 体系 结构 B/S 软件 体系 结构 
硬件 环境 局 域 网 ,专门 的 小 范围 网 络 硬件 环境 ,用 广域网, 不必 是 专门 的 网 络 环境 ,只 要 是 能 
户 固 定 , 用 户 数量 有 限 接 人 Internet 的 用 户 均 可 
系统 维护 升级 和 维护 难 ,成 本 高 客户 端 零 维护 ,易于 实现 系统 的 无 颖 升级 
软件 重用 性 单一 结构 ,软件 整体 性 较 强 ,各 部 分 间 的 ”多 重 结构 , 各 构件 相对 独立 ,可 重用 性 较 好 
耦合 性 强 , 可 重用 性 较 差 


平台 相关 性 客户 端 和 服务 器 端 是 平台 相关 的 ,多 是 ”客户 端 和 服务 器 端 是 平台 无 关 的 
Windows 平台 


安全 性 面向 相对 固定 的 用 户 群 , 对 信息 安全 的 控 ”面向 不 可 知 的 用 户 群 ,对 信息 安全 的 控制 
制 能 力 强 能 力 相 对 较 弱 


1.2 Web 的 工作 原理 


当 用 户 访问 Web 站 点 时 ,数据 是 遵从 HTTP 协议 进行 传输 的 。HTTP 即 超 文本 传输 
协议 ,是 基于 B/S 模式 的 ,使 用 TCP 连接 在 应 用 层 进 行 可 靠 的 数据 传输 。HTTP 协议 定义 
了 Web 浏览 器 和 Web 服务 器 之 间 交 换 数据 的 过 程 以 及 数据 本 身 的 格式 ,是 客户 机 与 服务 
器 交互 遵守 的 协议 。 


1.2.1 HTTP 协议 


HTTP 协议 的 工作 原理 如 图 1-4 所 示 。 它 表示 基于 HTTP 的 信息 交换 过 程 , 共 分 为 4 
个 步骤 : 建立 连接 ,发 送 请 求 信息 、 返 回响 应 信息 、 断 开 连 接 。 首 先 ,客户 端的 浏览 器 向 服务 
器 的 某 个 端口 发 出 请 求 ,建立 与 服务 器 的 连接 ,通常 默认 端口 号 为 80。 在 连接 建立 后 ,客户 
端 向 服务 器 发 出 一 个 请 求 (Request) 。 服 务 器 接收 和 处 理 请 求 后 ,返回 一 个 响应 (Response) 
页 面 。 最 后 ,客户 端 与 服务 器 之 间 的 连接 断 开 ,通信 结束 。 一 般 来 说 ,任何 一 方 都 可 结束 连 
接 , 但 通常 是 客户 端 收 到 所 请 求 的 信息 后 关闭 连接 。 


Browser Web Server 
建立 连接 
CT 
( 发 送 请 求 EC 
CS > 


图 1-4 HTTP 协议 的 工作 原理 


1.2.2 HTTP 请 求 和 HTTP 响应 
HTTP 协议 是 一 种 请 求 /应 答 协议 ,通过 客户 机 和 服务 器 相互 发 送 消 息 的 方式 工作 。 


Web 程序 说 计 基 而 
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通常 ,HTTP 消息 包括 客户 机 向 服务 器 的 请 求 消息 、 服 务 器 向 客户 机 的 响应 消息 。 

使 用 HTTP 消息 头 (Header) ,可 以 实现 客户 机 与 服务 器 之 间 的 HTTP 请 求 和 HTTP 
应 答 。 消 息 头 分 为 通用 头 ,请求 头 、 响 应 头 和 实体 头 4 类 。 

每 个 消息 头 包含 一 个 头 字 段 , 然 后 依次 是 冒号 .空格 . 值 `. 回 车 和 换行 符 , 如 Accept- 
Language: enrus。 消 息 头 字段 名 是 不 区 分 大 小 写 的 ,但 习惯 上 将 每 个 单词 的 第 一 个 字母 大 写 。 

1. 通用 头 (General Header) 

既 能 用 于 请 求 消息 ,也 能 用 于 响应 消息 ,包括 一 些 与 传输 内 容 无 关 的 常用 消息 头 字 段 。 

例如 : 

Cache - Control: no ~ cache (x*) 


Connection: close/Keep - Alive 
Date: Tue, 11 Jul 2000 18:23:51 GMT 


Pragma: no ~ cache (*) 
Trailer: Date 
Transfer — Encoding: chunked (x 


Upgrade: HTTP/2.0, SHTTP/1.3 
Via: HTTP/1.1 Proxyl, HTIP/1.1 Proxy2 
Warning: any text 


2. 请 求 头 (Request Header) 

一 个 HTTP 请 求 消息 包括 3 部 分 : 一 个 请 求 行 .若干 消息 头 以 及 消息 实体 内 容 。 其 中 
一 些 消 息 头 和 实体 内 容 是 可 选 的 ,消息 头 和 实体 内 容 之 间 用 空 行 隔 开 。 

HTTP 请 求 头 主要 指 前 两 部 分 , 它 是 客户 端 向 服务 器 传递 的 附加 信息 。 

(1) 请 求 行 。 这 是 请 求 的 关键 ,其 格式 为 ， 


请 求 方式 请求 URI HTTP 版 本 号 ( 回 车 换行 ) 


。 请 求 方式 : 指 在 请 求 URI 所 指定 的 资源 上 实现 的 方式 ,可 以 有 HEAD、GET、 
POST OPTIONS DELETE TRACE、PUT 等 ; 

。 请 求 URI: 这 里 URI 指标 识 某 一 互联 网 资源 的 字符 串 ， 

。 HTTP 版 本 号 。 

(2) 消息 头 。 包 含 浏览 器 及 客户 端 相关 信息 ,主要 有 : 

。 浏览 器 类 型 ， 

。 支持 哪些 文档 类 型 

。 支持 哪些 字符 集 .编码 .语言 

。 客户 机 地 址 。 

例如 ,图 1-5 所 示 的 矩形 框 就 是 一 个 HTTP 请 求 消息 的 内 容 。 第 1 行为 请 求 行 ,中 间 
的 若干 行为 消息 头 , 空 行 表示 消息 头 的 结束 ,最 后 是 消息 的 实体 内 容 。 

在 图 1-5 中 ,第 1 行 (请 求 行 ) 表 示 客 户 端 采用 GET 方式 向 服务 器 传送 数据 ,请 求 的 
URI 指向 本 地 文件 /books/java. html, 使 用 的 HTTP 协议 版 本 为 1. 1。 

从 第 2 行 开始 ,直到 空 行 前 是 HTTP 请 求 头 域 的 内 容 。 它 的 常用 参数 如 下 : 

。 Accept: 用 于 指定 客户 端 可 以 接受 的 MIME 类 型 ,如 * / * 表示 任 何 类 型 。 


GET books/javahtml HTTP/1.1 | ”一 请 求 行 
Accept:*/* 
Accept-Language:en-us 
Connection:Keep-Alive 
Host:localhost 一 多 个 消息 头 
Referer:http://localhost/links.asp 
User-Agent:Mozilla/4.0 
Accept-Encoding:gzip.,deflate 


消息 实体 内 容 ey 


图 1-5 HTTP 请 求 消息 


Accept-Charset: 指定 客户 端 可 以 使 用 的 字符 集 , 如 UTF-8。 
。 Accept-Language: 指定 客户 端的 接收 语言 ,可 以 指定 多 个 ,如 en-us。 
Accept-Encoding: 指定 客户 端的 接收 编码 ,如 gzip、deflate。 
Connection: 指示 处 理 完 本 次 请 求 / 响 应 后 ,客户 端 与 服务 器 是 否 继续 保持 连接 , 取 
值 为 Keep-Alive 或 close, 默 认 值 为 Keep-Alive。 

。 Host: 指定 资源 所 在 的 主机 和 端口 号 。 

。 Referer: 确定 获得 请 求 URI 的 资源 地 址 。 

。 User-Agent: 用 户 代理 ,指定 初始 化 请 求 的 客户 端 程序 ,如 浏览 器 等 。 

3. 响应 头 (Response Header) 

同 请 求 消息 类 似 , 一 个 HTTP 响应 消息 包括 3 部 分 : 一 个 状态 行 、 若 干 消息 头 以 及 实 
体内 容 。 其 中 ,一 些 消息 头 和 实体 内 容 是 可 选 的 ,消息 头 和 实体 内 容 之 间 用 空 行 隔 开 。 

例如 ,图 1-6 所 示 为 一 个 HTTP 响应 消息 的 内 容 。 第 1 行为 状态 行 ,中 间 为 消息 头 , 空 
行 表 示 消 息 头 的 结束 ,最 后 是 消息 的 实体 内 容 。 


HTTP/1.1 200 OK 一 状态 行 
Server:Microsoft- [I S/5.0 

Date:Thu,13 Jul 2005 05:46:53 GMT 

Content-Length:2291 一 多 个 消息 头 
Content-Type:text/html 


Cache-control:private 


一 一 个 空 行 
<HTML> 
<BODY> 


图 1-6 HTTP 响应 消息 
状态 行 的 格式 为 : 
HTTP 版 本 号 ”响应 状 态 码 ”文本 描述 ( 回 车 换行 ) 


响应 状态 码 用 于 表示 服务 器 对 请 求 的 各 种 不 同 处 理 结果 和 状态 ,是 一 个 3 位 的 十 进 制 
数 。 响 应 状态 码 可 归 为 5 种 类 别 , 分 别 如 下 : 

。 100 一 199: 表示 成 功 接收 请 求 ,要求 客户 端 继续 提交 下 一 次 请 求 。 

。 200 一 299: 表示 成 功 接 收 请 求 并 已 完成 整个 处 理 过 程 。 
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务 器 


后 组 


。 300 一 399: 为 完成 请 求 , 客 户 需 进 一 步 细 化 请 求 。 

。 400 一 499: 客户 端的 请 求 有 错误 。 

。 500 一 599: 服务 器 端 出 现 了 错误 。 

例如 ,典型 的 状态 码 如 下 : 

。 200(OK) 表 示 服 务 器 已 成 功 处 理 了 请 求 ,返回 的 是 正常 请 求 结果 。 

。 201(Created) 请 求 已 经 实现 ,并 且 服 务 器 创建 了 新 的 资源 。 

。 206(Partial Content) : 服务 器 已 经 成 功 处 理 了 部 分 CET 请 求 。 

。 302/307(Redirect Temporarily): 指出 被 请 求 的 文档 已 被 临时 移动 到 别处 ,此 文档 
的 新 的 URL 在 Location 响应 头 中 给 出 。 

。 304(Not Modified) : 表示 客户 机 缓存 的 版 本 是 最 新 的 ,客户 机 应 该 继续 使 用 它 。 

。 400(Bad Request): 语义 有 误 , 当 前 请 求 无 法 被 服务 器 理解 。 

。 401(Unauthorized) : 当前 请 求 需 要 用 户 验 证 。 

。 403(Forbidden): 服务 器 拒绝 执行 当前 请 求 。 

。 404(Not Found): 服务 器 上 不 存在 客户 机 所 请 求 的 资源 。 

。 500(Internal Server Error): 服务 器 端的 程序 发 生 错 误 ,导致 无 法 完成 对 请 求 的 处 理 。 

4. 实体 头 (Entity Header) 

请 求 消息 和 响应 消息 都 可 以 包含 实体 信息 ,实体 信息 一 般 由 实体 头 和 实体 内 容 组 成 。 


头 描述 了 实体 内 容 的 属性 ,包括 实体 信息 类 型 长度、 压缩 方法 、 最 后 一 次 修改 时 间 、 数 
效 期 等 。 

例如 : 

Allow: GET, POST 

Content - Encoding: gzip (x) 
Content - Language: zh- cn (x) 
Content - Length: 80 (x*) 
Content - Location: http://www. it315.org/java_cn. html 
Content - Range: bytes 2543 - 4532/7898 (x) 
Content - Type: text/html; charset = GB2312 (x) 
Expires: Tue, 11 Jul 2000 18:23:51 GMT (x) 
Last ~ Modified: Tue, 11 Jul 2000 18:23:51 GMT (x) 


1.3 Web 程序 设计 技术 


.1 静态 网 页 和 动态 网 页 


在 Web 服务 器 返回 客户 端的 页 面 中 ,有 静态 网 页 和 动态 网 页 之 分 。 它 们 的 区 别 在 于 服 
对 它 的 处 理 方式 不 同 , 了 解 这 种 区 别 对 于 理解 Web 程序 设计 的 概念 至 关 重 要 。 

1. 静态 网 页 

网 站 设计 中 ,纯粹 HTML 格式 的 网 页 被 称 为 静态 网 页 ”, 通 常 是 以 .htm 或 .html 为 
的 HTML 文件 。 它 可 以 包含 HTML 标记 、 客 户 端 脚本 ,但 不 包含 任何 服务 器 端 脚本 。 
网 页 也 可 以 出 现 动态 的 效果 ,如 gif 动画 、Flash 等 ,但 这 与 动态 网 页 是 不 同 的 概念 。 


静态 网 页 的 主要 特点 如 下 : 

。 每 个 静态 网 页 都 有 一 个 固定 的 URL 地 址 ; 

。 静态 网 页 的 内 容 是 原封 不 动 被 传递 的 ,如 果 要 修改 网 页 内 容 ,必须 修改 HTML 源 代码 ; 
。 静态 网 页 没有 数据 库 的 支持 ,不 支持 客户 端 和 服务 器 端的 交互 。 

静态 网 页 的 处 理 流程 如 图 1-7 所 示 。 


下 证 


| Web 浏览 器 
步 又 1: Web 浏 览 “[ 请 求 | mi 步骤 3 ， Web 服务 器 
人 将 页 面 发 送 回 请 求 
静态 页 面 浏览 器 
步骤 2 : Web 服 务 HTML 
器 查找 该 页 面 
Web 服 务 器 


图 1-7 静态 网 页 的 处 理 流程 


2. 动态 网 页 

所 谓 “ 动 态 ”, 就 是 指 服务 器 根据 用 户 的 不 同 请 求 做 出 不 同 的 响应 。 动 态 网 页 文件 中 含 
有 HTML 标记 和 程序 代码 ,后 级 则 随 程序 语言 的 不 同 而 不 同 ,如 . asp、. aspx、. php、. jsp 
等 ,大 都 需要 数据 库 支持 。 

动态 网 页 的 主要 特点 概括 如 下 : 

。 动态 网 页 是 由 服务 器 执行 相应 的 脚本 程序 后 ,动态 生成 的 HTML 文件 ; 

。 不 同 的 请 求 及 访问 数据 的 变化 会 生成 不 同 的 HTML 代码 ,网 页 内 容 随 时 更 新 ; 

。 具有 数据 库 访问 功能 ,支持 客户 端 和 服务 器 端的 交互 。 


动态 网 页 的 处 理 流程 如 图 1-8 所 示 。 


Web 浏 览 器 
| Ske 请 求 响应 步骤 5 :Web 服务 
ne F 器 将 完成 的 页 发 
和 | Web 服务 器 送 回 请 求 浏览 器 

步骤 2 ，Web 服 务 

器 查找 该 页 并 将 其 | | 。 Ar 

传递 给 应 用 程序 服 | | 动态 页 机 HTML 

he y 和 步骤 4; 应 用 程序 
步 本 服务 器 将 完成 的 页 
该 页 中 的 动态 指令 应 用 程序 服务 器 


图 1-8 动态 网 页 的 处 理 流程 
Web 程序 误 计 基础 
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注意 : Web 服务 器 返回 给 客户 端的 页 面 都 是 纯粹 的 HTML 代码 ,最 后 由 浏览 器 解释 
执行 这 些 代码 ,并 将 结果 显示 在 窗口 中 。 


1.3.2 客户 端 和 服务 器 端 脚 本 编程 


脚本 (Scripts) 是 指 和 戏 入 到 Web 页 面 中 的 程序 代码 ,所 使 用 的 编程 语言 称 为 脚本 语言 。 
按照 执行 方式 和 位 置 的 不 同 , 脚 本 分 为 客户 端 脚本 和 服务 器 端 脚 本 。 客 户 端 脚本 在 客户 机 
上 被 Web 浏览 器 执行 ,服务 器 端 脚 本 在 服务 器 上 被 Web 应 用 服务 器 执行 。 

脚本 编程 的 基本 特点 是 ,由 HTML 构造 页 面 模板 ,中 间 混 合 脚本 代码 ,由 语言 解释 引 
擎 解释 并 运行 脚本 ,产生 页 面 的 内 容 插入 到 页 面 的 模板 中 。 客 户 端 脚本 的 解释 器 位 于 Web 
浏览 器 中 ,服务 器 脚本 的 解释 器 则 位 于 Web 服务 器 中 。 

静态 网 页 只 能 包含 客户 端 脚本 ,动态 网 页 则 可 以 包含 客户 端 脚本 和 服务 器 端 脚 本 。 因 
此 ,静态 网 页 中 的 任何 脚本 都 不 能 在 服务 器 上 运行 ,而 动态 网 页 中 的 某 些 脚本 只 能 在 Web 
服务 器 上 运行 。 

1. 客户 端 脚本 编程 (Client-side Scripting) 

常见 的 客户 端 脚本 语言 有 VBScript、JScript、JavaScript 等 。Microsoft 公司 开发 了 
VBScript 和 JScript,Netscape 公司 开发 了 JavaScript。 它 们 都 是 解释 型 .基于 对 象 的 脚本 语 
言 。 它 们 有 着 相同 的 工作 机 制 : 将 脚本 嵌入 到 Web 页 面 中 ,并 随 着 HTML 文件 一 起 传送 
到 客户 端 ,由 浏览 器 解释 执行 。 在 脚本 执行 期 间 无 须 与 服务 器 交互 ,可 以 对 用 户 的 操作 直接 
做 出 响应 。 

用 客户 端 脚本 语言 编写 的 程序 通常 用 标记 过 script 二 和 二/script 二 界定 ,可 以 放 到 
HTML 的 二 head> 或 二 body 二 部 分 。 

1) VBScript 

VBScript 是 Visual Basic 家 族 的 成 员 , 将 灵活 的 脚本 应 用 于 更 广泛 的 领域 ,包括 IE 浏 
览 器 的 客户 端 脚本 和 Internet Information Server 中 的 服务 器 端 脚本 。 不 过 Netscape 公司 
的 Navigator 浏览 器 不 支持 VBScript 脚本 ,因此 最 好 不 要 在 客户 端 使 用 VBScript 语言 ,在 
服务 器 端 则 不 必 考 虑 浏览 器 的 支持 问题 。 

2) JScript 

JScript 只 能 用 于 下 浏览 器 。 最 初 的 JScript 和 JavaScript 差异 过 大 , Web 程序 员 不 得 
不 为 两 种 浏览 器 编写 两 种 脚本 ,于 是 诞生 了 ECMAScript, 它 是 一 种 国际 标准 化 的 
JavaScript 版 本 。 现 在 的 主流 浏览 器 都 支持 这 种 版 本 。 现 在 的 JScript 和 JavaScript 非常 类 
似 , 在 使 用 上 基本 不 用 担心 其 不 同 。 

3) JavaScript 

JavaScript 的 正式 名 称 是 ECMAScript。jJavaScript 介 于 Java 与 HTML 之 间 ,是 一 种 
基于 对 象 和 事件 驱动 并 具有 安全 性 能 的 脚本 语言 。 

JavaScript 的 特点 : 不 需要 Java 编译 器 ,由 浏览 器 逐 行 地 解释 执行 ; JavaScript 具有 跨 
平台 性 ,依赖 于 浏览 器 本 身 ,与 操作 环境 无 关 , 只 要 是 能 支持 JavaScript 的 浏览 器 就 可 以 正 
确 执 行 ; JavaScript 使 网 页 变 得 生动 ; JavaScript 可 以 使 有 规律 重复 的 HTML 程序 段 简化 ， 
减少 下 载 时 间 ; JavaScript 能 及 时 响应 用 户 的 操作 ,对 提交 表单 做 即时 的 检查 ,大 大 减少 了 
服务 器 的 开销 。 


2. 服务 器 端 脚本 编程 (Server-side Scripting) 

动态 网 页 的 生成 需要 执行 服务 器 端的 脚本 程序 ,这 些 程序 就 是 由 “服务 器 端的 脚本 语 
言 "编写 而 成 的 。 常 见 的 脚本 语言 有 ASP(.NET) .PHP 和 JSP 等 。 它 们 具有 的 共同 点 是 ， 
脚本 都 运行 于 服务 器 端 ,能 够 动态 地 生成 网 页 ,脚本 运行 不 受 客户 端 浏览 器 限制 ; 脚本 程序 
都 是 将 脚本 语言 嵌入 到 HTML 文档 中 ,执行 后 返回 给 客户 端的 是 HTML 代码 。 

下 面 对 它 们 各 自 的 特点 做 一 个 简单 的 介绍 。 

1) PHP( Hyper Text Preprocessor) 

PHP 为 PHP 网 络 小 组 所 开发 ,是 免费 的 开放 源 代码 产品 。Apache 和 MYSql 也 同样 
是 免费 开源 ,Apache、PHP 和 MYSql 搭配 使 用 ,可 以 快速 地 搭建 一 套 动态 网 站 系统 ,其 执行 
效率 比 IIS 十 ASP 十 Access 要 高 ,而 后 者 的 使 用 还 必须 另外 付 钱 给 微软 公司 。 

PHP 是 一 种 嵌入 HTML 页 面 中 的 脚本 语言 ,类 似 于 C 语言 .Java 和 Perl, 语 法 简单 ， 
是 一 种 解释 型 语言 。 它 可 以 跨 UNIX、Linux 、Windows 平台 使 用 ,具有 平台 无 关 性 。PHP 
非常 利于 快速 开发 各 种 功能 不 同 的 定制 网 站 ,运行 成 本 低 。 不 足 之 处 是 运行 环境 的 安装 、 配 
置 比较 复杂 ,同时 由 于 PHP 内 部 结构 上 的 缺陷 ,使 得 PHP 在 复杂 的 大 型 项 目 上 的 开发 和 

2) JSP(Java Server Pages) 

JSP 是 由 Sun 公司 推出 的 ,是 基于 Java Servlet 以 及 整个 Java 体系 的 Web 开发 技术 。 
在 HTML 文档 中 能 入 Java 程序 片段 (Scriptlet) 和 JSP 标记 ,就 形成 JSP 文件 。JSP 脚本 在 
服务 器 端 运行 ,可 以 跨 UNIX/Linux/Windows 平台 使 用 ,具有 平台 无 关 性 。JSP 代码 需 编 
译 成 Servlet 并 由 Java 虚拟 机 执行 ,编译 操作 仅 在 对 JSP 页 面 的 第 一 次 请 求 时 发 生 。 

JSP 最 大 的 好 处 就 是 开发 效率 高 ,可 以 使 用 JavaBeans 或 者 EJB(Enterprise JavaBeans) 来 
执行 应 用 程序 所 要 求 的 复杂 处 理 , 但 这 种 网 站 架构 因为 其 业务 规则 代码 与 页 面 代码 混 为 一 
体 ,不 利于 维护 ,因此 不 适应 大 型 应 用 的 要 求 , 取 而 代 之 的 是 基于 MVC 的 Web 架构 。 通 过 
MVC 的 Web 架构 ,可 以 弱化 各 个 部 分 的 耦合 关系 ,并 将 业务 逻辑 处 理 与 页 面 以 及 数据 分 离 
开 来 ,这 样 当 某 个 模块 的 代码 改变 时 ,并 不 影响 其 他 模块 的 正常 运行 。 因 此 ,不 少 国外 的 大 
型 企业 系统 和 商务 系统 都 使 用 基于 Java 的 MVC 架构 ,能 够 支持 高 度 复杂 的 基于 Web 的 大 
型 应 用 。 

3) ASP(Active Server Pages) 

ASP 是 Microsoft 开发 的 Windows IIS(Internet Information Services) 系 统 自 带 的 脚本 
语言 ,是 一 种 简单 .方便 的 脚本 编程 工具 。ASP 文件 可 以 包含 HTML 标记 、 普 通 文本 、 脚 本 
命令 等 , 它 是 由 浏览 器 解释 执行 的 。ASP 是 平台 相关 的 ,只 能 在 Windows 平台 运行 ,数据 
库 最 好 为 Microsoft SQL Server 或 Access。 

ASP 的 优点 是 简单 易学 ,缺点 是 运行 速度 比 HTML 的 运行 速度 慢 , 无 法 实现 跨 平台 应 
用 。ASP 易于 维护 ,很 适合 小 型 网 站 应 用 。 

4) ASP.NET( Active Server Pages .NET) 

ASP.NET 又 叫 ASP 十 ,是 Microsoft 的 Active Server Pages 的 新 版 本 ,但 它 不 是 ASP 
的 简单 升级 ,而 是 Microsoft 推出 的 新 一 代 脚 本 语言 。ASP.NET 是 .NET 框架 体系 的 一 部 
分 , 它 建立 在 公共 语言 运行 库 上 , 可 用 于 在 服务 器 上 生成 功能 强大 的 Web 应 用 程序 ,为 
Web 站 点 创建 动态 的 ,交互 的 HTML 页 面 。ASP.NET 的 主要 特点 如 下 : 


Web 程序 说 计 基 而 
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。 ASP.NET 采用 编译 后 运行 的 方式 ,执行 效率 大 幅 提高 。 它 将 程序 在 第 一 次 运行 时 
编译 成 DLL 文件 ,以 后 直接 执行 DLL 文件 ,这 样 速度 就 变 得 非常 快 。 

世界 级 的 工具 支持 。ASP.NET 程序 采用 Microsoft 的 Visual Studio.NET 环境 进 
行 开发 ,支持 WYSIWYG( 所 见 即 所 得 ) 、 拖 放 控件 和 自动 部 署 等 功能 。 

程序 结构 清晰 。ASP.NET 将 程序 代码 和 HTML 标记 分 开 ,使 程序 设计 相对 简化 ， 
结构 更 为 清晰 ,但 同时 也 加 重 了 页 面 设计 的 难度 。 

。 移植 方便 。ASP.NET 可 以 向 目标 服务 器 直接 复制 组 件 , 当 需要 更 新 时 ,重新 复制 一 


个 即 可 。 
1.4 习题 与 上 机 练习 

1. 填空 .选择 题 
(1) 不 使 用 IP 地 址 ,可 以 使 用 访问 本 机 上 的 默认 Web 主页 。 
(2) 下 列 不 是 动态 网 页 文件 后 缀 的 是 

A. asp B. php C. jsp D. html 
(3) 下 列 方式 无 法 正常 浏览 ASPX 文件 的 运行 结果 ? 

A. http://localhost/test. aspx B. http://127.0.0.1/test. aspx 

C. http://IP 地 址 /test. aspx D. 在 浏览 器 地 址 栏 直接 输入 test. aspx 
(4) 对 动态 网 页 的 正确 理解 是 。 


A. 动态 网 页 就 是 网 页 里 有 动态 图 片 的 网 页 
B. 动态 网 页 就 是 网 页 里 有 动画 的 网 页 
C. 动态 网 页 就 是 网 页 内 容 动 态 生 成 的 网 页 
D. 动态 网 页 就 是 指 所 有 包含 动态 图 片 和 动画 的 网 页 
(5) 在 客户 端 网 页 脚本 语言 中 最 为 通用 的 是 
A. JavaScript B. Visual Basic C, Perl D. ASP 
2. 简 答题 
(1) C/S 结 构 与 B/S 结构 有 什么 区 别 ? 
(2) 静态 网 页 和 动态 网 页 有 什么 区 别 ? 
(3) 客户 端 脚 本 语言 和 服务 器 端 脚本 语言 有 什么 区 别 ? 


第 2 章 HTML 与 XML 


Web 应 用 程序 主要 通过 HTML 和 XML 来 表达 信息 。 

HTML 定义 了 Web 网 页 的 文档 结构 ,用 固有 的 标记 来 描述 和 显示 网 页 内 容 。XML 定 
义 了 Web 信息 本 身 的 数据 形式 和 结构 ,不 能 描述 网 页 的 外 观 和 内 容 。HTML 和 XML 在 
Web 应 用 开发 中 有 着 密切 的 关系 。 


2.1 使 用 HTML 设计 网 页 


超 文 本 标记 语言 (Hypertext Marked Language, HTML) 是 Web 页 面 的 标记 性 语言 , 通 
过 一 定 的 格式 标记 文本 及 图 像 等 元 素 ,使 之 在 浏览 器 中 显示 出 不 同 内 容 和 风格 的 网 页 。 

HTML 文档 通过 浏览 器 在 WWW 上 发 布 ,并 独立 于 各 种 操作 系统 平台 。 一 个 Web 页 
面 就 是 一 个 HTML 文档 。Web 页 面 也 就 是 通常 所 说 的 网 页 ,在 本 书 中 不 作 区 分 。 

HTML 文件 本 身 是 一 种 文本 文件 ,通过 在 文件 中 添加 各 种 标记 ,告诉 浏览 器 如 何 显示 
其 中 的 内 容 ( 如 文字 如 何 显示 \ 画 面 如 何 安排 等 )。 浏 览 器 按 顺 序 解释 执行 HTML 文件 ,对 
于 书写 出 错 的 标记 既 不 报错 ,也 不 停止 执行 。 需 要 注意 的 是 ,不 同 的 浏览 器 对 于 同一 标记 可 
能 有 不 同 的 解释 ,也 就 可 能 有 不 同 的 显示 效果 。 


2.1.1 _ HTML 文档 的 基本 结构 


HTML 文档 分 为 文档 头 和 文档 体 两 部 分 ,文档 头 对 当前 文档 进行 了 一 些 必 要 的 定义 ， 
文档 体 才 是 要 显示 的 各 种 信息 。 
下 面 是 一 个 最 基本 的 HTML 文档 结构 : 


<html> // 文 档 开始 
<head> // 文 档 头 开始 
<title> </title> // 文 档 标 题 
<meta content = "text/html"> // 属 性 标记 
</head> // 文 档 头 结束 
<body> // 文 档 体 开始 
</body > // 文 档 体 结束 
</html > // 文 档 结束 


1. 文档 开始 和 结束 标记 
HTML 文档 的 开始 标记 是 二 html> ,在 文档 结束 处 的 标记 是 过 /html 之 。 所 有 其 他 标 
记 都 必须 置 于 过 html 之 和 去 /html> 标 记 之 间 ,否则 浏览 器 将 忽略 不 在 其 间 的 标记 。 
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2. 文档 头 标 记 

HTML 文档 的 头 标记 是 天 head 之 和 二 /head> ,用 于 初始 化 文档 信息 。 

头 标记 一 head 之 中 包括 标题 标记 一 title 之 和 属性 标记 二 meta> 。 

<title 之 和 到 /title> 之 间 的 内 容 是 指 当前 网 页 的 标题 ,通常 在 64 个 字符 以 内 。 

二 meta 记 标记 是 单 标记 ,用 于 指定 HTML 文档 的 特殊 属性 。 例 如 ,http-equiv 属性 相 
当 于 http 文件 头 ; name 属性 用 于 描述 网 页 ; content 属性 是 name 属性 所 赋 的 值 。 

例如 : 


<meta http 一 equiv = "refresh" content = "10";url = "http://waw. sina. com. cn"> 


说 明 当 前 HTML 文档 10 秒 后 自动 刷新 ,并 跳 转 到 url 指向 的 另 一 个 主页 。 
又 如 : 


<meta http - equiv = "Content - Type" Content = "text/html";charset = GB2312 > 


说 明 页 面 的 文件 类 型 (HTML 文档 ) 以 及 所 用 字符 (GB2312 字符 集 ) 。 

3. 文档 主体 标记 

HTML 文档 的 主体 标记 是 二 body 二 和 二 /body 二 ,是 HTML 文档 最 核心 的 部 分 , Web 
页 面 的 主要 内 容 都 放 在 这 里 。 它 的 语法 格式 为 : 


<body [background = 井 | bgcolor = 井 | text= 井 | link= 井 | alink= 井 | vlink= 井 | leftmargin= 
#| topmargin = # 井 ]> 


本 
2.1.2 HTMEL 文 档 的 主要 标记 


2.1.2.1 文字 和 段落 标记 

1. 标题 字体 标记 二 Hn 二 

这 里 的 标题 是 指 HTML 页 面 中 文本 的 标题 ,而 不 是 指 网 页 标题 。 

标题 元 素 有 6 种 ,分 别 为 hl、h2、h3、h4、h5、h6, 用 于 表示 文章 中 的 各 种 题目 。 标 题 号 越 
小 ,字体 越 大 , 即 hl 是 特大 字体 。 

例如 : 


<hl > 标题 文字 </hl > 


2. 字体 标记 一 font 一 

使 用 一 font 盖 和 去 /font 过 标记 可 以 格式 化 文本 ,使 文字 呈现 出 不 同 的 字体 、 字 号 、 颜 
色 等 。 

使 用 格式 为 : 


<font size= 字 号 大 小 face= 字体 color = 颜色 > 被 设置 的 文字 </font > 


说 明 : 


(1) size 属性 用 来 设置 字号 的 大 小 ,其 取 值 范围 从 小 到 大 依次 为 1 一 7。 

(2) face 属性 用 来 设置 不 同 的 字体 ,如 宋体 、 楷 体 _GB2312、Times New Roman 等 。 
(3) color 属性 用 来 设置 文字 颜色 。 其 值 可 以 是 red, blue， #000000 等 。 

颜色 名 称 和 十 六 进 制 数码 的 对 应 关系 如 表 2-1 所 示 。 


表 2-1 颜色 名 称 和 对 应 的 十 六 进 制 数码 


Black 一 " 井 000000" 
Silver 一 "#COCOC0O” 
Gray 二 "#808080" 
White="#FFFFFF" 
Maroon 二 "#800000" 
Red="#FF0000" 
Purple= "#800080" 
Fuchsia 一 " 井 FFOOFF" 


3. 字体 样式 标记 


Green 一 " 井 008000"” 
Lime 一 " 井 00FF00” 
Olive=" # 808000" 
Yellow="#FFFFO00" 
Navy=" #000080" 
Blue="#0000FF" 
Teal 二 "#008080" 
Aqua 二 "#00FFFF" 


通过 字体 样式 标记 可 以 给 文本 设置 一 些 特 殊 格 式 , 如 粗 体 、 斜 体 . 下 划 线 、 上 下 标 等 。 其 
标签 可 以 分 为 物理 样式 和 逻辑 样式 两 类 ,分 别 如 表 2-2 和 表 2-3 所 示 。 


表 2-2 物理 样式 标记 


属 性 说 明 属 性 说 明 
<B>…</B> 黑体 字 <SUP>…</SUP> 上 标 
<>…</I> 斜体 字 <SUB>…</SUB> 下 标 
ts /ES 加 下 划 线 一 SMALL 二 … 一 /SMALL 二 小 字体 
<S>-…</S> 加 删除 线 <BIG>…<=/BIG> 大 字体 

表 2-3 逻辑 样式 标记 
属 性 说 明 


<EM>*</EM> 
<STRONG>……</STRONG> 
<CITF>*…</CITF> 
<DEL>…</DEL> 


4. 文字 布局 标记 


输出 需要 强调 的 文本 (通常 是 斜体 加 黑体 ) 
输出 加 重文 本 (通常 也 是 斜体 加 黑体 ) 
输出 引用 方式 的 字体 ,通常 是 斜体 

为 文本 加 上 删除 线 


将 文档 划分 为 段落 ,可 以 通过 分 段 标记 ,换行 标记 ,标题 标记 或 插入 水 平 线 来 实现 。 


1) 分 段 标记 二 p 二 


分 段 标记 二 p 二 和 二 /p 二 定义 了 一 个 段落 ,并 在 段 与 段 之 间 加 一 个 空 行 ,使 后 续 行 隔行 
显示 。 它 的 常用 属性 是 align, 表 示 对 齐 方式 ,其 取 值 包括 right ( 右 对 齐 )、left( 左 对 齐 )、 


justify( 两 端 对 齐 )、center( 居 中 对 齐 )。 
2) 换行 标记 二 br 二 


换行 标记 过 br 之 强行 规定 了 当前 行 的 中 断 , 使 后 续 内 容 在 下 一 行 显示 ,两 行 间 不 隔行 。 
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例如 ,下 述 两 行 HTML 代码 就 得 到 不 同 的 效果 : 


你 好 吗 ?<p > 很 好 。 

你 好 吗 ?<br> 很 好 。 

3) DIV 标记 

DIV 标记 用 于 为 文档 分 节 , 以 便 在 文档 的 不 同 部 分 应 用 不 同 的 段落 格式 。 单 独 的 DIV 
标记 不 能 完成 任何 工作 ,必须 与 align 属性 联合 使 用 。 位 于 DIV 标记 符 中 的 多 段 文本 将 被 
认为 是 一 个 节 , 可 为 它们 设置 一 致 的 对 齐 格式 。 

DIV 标记 的 格式 为 : 


<DIV align = left|center|right > 文本 或 图 像 </DIV> 


4) 水 平 线 标记 二 hr 
水 平 线 标记 二 hr 之 用 于 在 网 页 中 添加 一 条 水 平 线 , 将 不 同 的 信息 内 容 分 开 。 其 格式 为 ， 


<hr align = 对 齐 方式 size= 粗细 width= 长 度 noshade> 


其 中 ,属性 align 指示 对 齐 方式 ; size 指定 粗细 ,单位 为 像素 ; width 指定 线 的 长 度 ,其 
值 为 像素 或 百分比 ; noshade 表示 一 条 无 阴影 的 实 线 , 若 省 略 noshade, 则 显示 带 阴影 的 三 

2.1.2.2 超 链接 

所 谓 超 链接 (Hyperlink) ,就 是 当 单 击 网 页 上 某 些 内 容 时 ,可 以 打开 另 一 个 网 页 内 容 。 
超 链接 的 组 织 体现 了 Web 站 点 内 部 或 不 同 站 点 之 间 的 页 面 存储 的 逻辑 关系 。 

超 链 接 的 语法 格式 为 : 


<ahref =URL 地 址 title= 标题 target = 窗口 名 称 > 链接 文本 </a> 


说 明 : href 属性 表示 链接 所 指向 的 URL 地 址 。title 属性 指定 指向 链接 时 所 显示 的 标 
题 文字 。target 属性 指定 链接 对 象 的 显示 位 置 , 即 打开 链接 的 目标 窗口 ,默认 是 原 窗口 。 

针对 链接 对 象 的 地 址 不 同 ,可 以 分 为 内 部 链接 .外 部 链接 和 书签 链接 。 

1. 内 部 链接 

内 部 链接 是 指 链接 到 本 地 主机 的 文件 。 

例如 : 


<a href = "1. htm"> 请 单 击 查看 1. htn 中 的 内 容 </a> 


2. 外 部 链接 

外 部 链接 是 指 链接 到 非 本 地 主机 上 的 文件 ,可 以 是 其 他 主机 或 任意 站 点 上 的 某 个 文件 。 
例如 : 

<a href = "http://www. xatu. edu. cn/"> 链 接 到 主页 </a> 

<a href = "telnet://bbs. xatu. edu. cn"> 远 程 登录 </a> 

3. 书签 链接 

书签 链接 是 指 链接 到 同一 页 面 中 的 某 个 特定 位 置 ,相当 于 在 页 面 的 某 个 地 方 做 上 书签 ， 


需要 时 通过 书签 链接 可 以 快速 找到 该 部 分 。 
例如 ,在 某 个 页 面 中 ,使 用 name 属性 定义 一 个 名 为 first 的 书签 。 


在 同一 页 面 的 另外 一 个 位 置 使 用 href 属性 来 指向 它 。 


当 用 户 单 击 超 链接 “指向 第 一 章 ” 时 ,页 面 就 会 跳 转 到 first 书签 所 在 位 置 。 注 意 ,引用 
书签 时 要 加 上 ”"# ”号 。 

书签 链接 的 基本 格式 如 下 : 

(1) 在 同一 页 面 中 ,要 使 用 书签 名 : 


(2) 在 不 同 页 面 之 间 , 要 使 用 链接 的 URL 地 址 : 


2.1.2.3 列表 


列表 (LIST) 通 常用 于 列举 相关 的 信息 条 目 ,提供 一 种 有 组 织 的 ,易于 浏览 的 阅览 格式 ， 
使 得 文本 的 条 理 更 清晰 。 常 见 的 列表 有 三 种 : 无 序列 表 、 有 序列 表 和 定义 列表 。 

1. 无 序列 表 二 ul 二 

无 序列 表 中 每 一 个 表 项 的 前 面 是 项 目 符号 ,使 用 二 dl 二 标记 和 二 li> 表 项 标记 。 其 格 


二 ul 二 标记 有 一 个 type 属性 ,用 于 指定 列表 项 前 面 的 项 目 符号 , 且 必 须 小 写 。 取 值 为 
disc 表示 实心 圆 @@ (默认 值 ); circle 表示 空心 贺 O; square 表示 小 方块 国 . 

在 同一 个 列表 中 ,二 /li 二 也 可 以 省 略 ,下 一 个 过 li 二 的 出 现 , 就 表明 上 一 个 列表 项 的 
结束 。 
2. 有 序列 表 二 ol 二 
有 序列 表 使 用 标签 二 ol 和 二 /ol 二 表示 ,使 内 容 按 顺序 编号 。 每 插入 或 删除 一 个 列表 
项 ,编号 会 自动 调整 。 其 格式 如 下 : 


HTML 与 XML 


地 咏 


4SP NET Web 应 用 开发 技术 


二 ol 二 标记 有 两 个 属性 : start 属性 和 type 属性 。start 表示 起 始 编号 ,默认 为 1。type 
属性 设置 列表 项 前 面 的 数字 序列 样式 ,其 取 值 如 表 2-4 所 示 。 
表 2-4 有 序列 表 的 type 属性 取 值 


取 值 说 明 
type 一 1 列表 项 用 数字 编号 (1,2,3…) ,默认 值 
type 一 A 列表 项 用 大 写字 母 编号 (A,B,C…) 
type 一 a 列表 项 用 小 写字 母 编号 (a,b,c…) 
type=1 列表 项 用 大 写 罗马 数字 编号 ( 工 , ,而 …) 
type=i 列表 项 用 小 写 风 马 数字 编号 (i'ii'ii…) 
3. 定义 列表 二 dl 二 
定义 列表 用 于 给 每 一 个 列表 项 加 上 一 段 说 明 性 文字 ,说 明 性 文字 独立 于 列表 项 , 另 起 一 
行 显示 。 


定义 列表 以 二 dl 二 和 二 /dl 二 作为 起 止 标记 ,列表 项 用 二 dt 二 引导 ,说 明 性 文字 用 二 dd 二 来 
引导 。 去 dt> 与 二 dd> 不 需要 结尾 标记 。 其 格式 如 下 : 


例 2-1 列表 标记 的 使 用 示例 。 


上 述 代 码 定义 了 一 个 嵌 套 的 列表 。 第 一 级 是 以 数字 为 标号 的 有 序列 表 , 里 面 分 别 符 套 
了 无 序列 表 、 有 序列 表 和 定义 列表 作为 第 二 级 ,并 使 用 了 二 u 二 标记 加 注 了 下 划 线 。 运 行 结 
果 如 图 2-1 所 示 。 


济 列 表 标 记 示例 - Microsoft Internet Explorer -lo|x! 


」 文件 (E) 编 贺 (E) 查看) 收 蔬 久 ”工具 ID 帮助 (J) | 必 
Im :© Nat DM vm DO: ” 
| 现 址 (0) 峰 http:/hocahostmysitel2-3.htm ESE 
[0 


1. ll 
o Photoshop 
© Illustrator 
© ee 

| 


2 
a. Photoshop 
b. Illustrator 
c. CorelDramw 

3， 定义 列 

Photoshop 

Adobe 公 司 的 图 像 处 理 软件 

Illustrator 
Adobe 公 司 的 矢量 绘图 软件 

CorelDraw 


Corel 公 司 的 图 形 图 像 软件 


厂矿 厂矿 网 nearet 


图 2-1 列表 标记 示例 


2.1.2.4 表格 

表格 (Table) 将 文本 和 图 片 按 行 、 列 编排 ,有 利于 表达 信息 。 在 主页 中 往往 使 用 表格 建 
立 主页 的 框架 ,使 整个 页 面 更 规则 地 放 惫 图 片 和 空白 ,以 使 条 目 清晰 。 用 表格 的 语法 格式 
如 下 : 

<table align = "left|center|right" border = "n" width = "x|x%" height = "yly%"> 


<tr><th> 表 头 1<th> 表 头 2…< th> 表 头 n 
<tr><td> 表 元 1<td> 表 元 2…<td> 表 元 n 


<tr><td> 表 元 1< td> 表 元 2…<td> 表 元 n 
</table> 


1. 一 table 二 标记 
表格 的 标记 为 二 table 二 , 行 的 标记 为 二 tr 二 , 表 头 的 标记 为 二 也 二 , 表 项 的 标记 为 二 td 二 。 
其 中 ,二 tr 二 可 以 是 单 标 记 , 一 行 的 结束 可 以 是 新 行 的 开始 。 有 关 说 明 如 表 2-5 所 示 。 


表 2-5 表格 标记 
标 签 说 ” 明 
过 table 二 … 过 /table> ”定义 一 个 表格 的 开始 和 结束 
< 定义 表 行 ,一 组 行 标签 内 可 以 建立 多 组 由 二 td 二 或 二 th 二 所 定义 的 单元 格 
二 th>… 一 /th> 定义 表 头 , 表 头 中 的 文字 将 以 粗 体 显示 ,二 th 二 必须 放 在 二 tr 二 标签 内 
<td>*…</td> 定义 表 元 ,一 组 二 td 二 标签 将 建立 一 个 单元 格 , 一 td 二 必须 放 在 二 tr 二 标签 内 
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表格 的 整体 外 观 由 二 table 二 标记 的 属性 决定 。 创 建 表格 时 ,可 以 通过 二 table 二 的 属性 
对 表格 的 格式 进行 设置 ,其 取 值 如 表 2-6 所 示 。 


表 2-6 一 table 二 标记 的 属性 


属 性 说 明 
align 指定 表格 的 对 齐 方式 , 取 值 可 以 是 left、center 或 right 
background 指定 用 作 表 格 背景 图 片 的 URL 地 址 
bgcolor 指定 表格 的 背景 颜色 
border 指定 表格 边框 的 宽度 ,以 像素 为 单位 。 如 果 省 略 该 属性 , 则 默认 值 为 0 
bordercolor 指定 表格 边框 颜色 ,应 与 border 属性 一 起 使 用 


bordercolordark 
bordercolorlight 
cellpadding 
cellspacing 
width 


行 的 暗 边框 颜色 ,应 与 border 属性 一 起 使 用 

指定 3D 边框 的 高 亮 显示 颜色 ,应 与 border 属性 一 起 使 用 
指定 单元 格 内 数据 与 单元 格 边 框 之 间 的 间距 ,以 像素 为 单位 
指定 单元 格 之 间 的 间距 ,以 像素 为 单位 

指定 表格 的 宽度 ,以 像素 或 百分比 为 单位 


2. 一 caption 二 标记 
用 二 caption> 标 记 给 表格 加 标题 ,其 格式 为 : 


< caption align = "left|right| top| bottom" valign = "top|bottom"> 标题 </caption> 


3. 跨 多 行 、 多 列 的 单元 格 
跨 多 行 、 多 列 的 单元 格 使 用 colspan 和 rowspan 属性 进行 定义 。 
1) 跨 多 列 的 单元 格 


< th colspan =n> 表 项 </th> 或 <td colspan =n> 表 项 </td> 


其 中 ,n 表示 合并 的 列 数 。 
2) 跨 多 行 的 单元 格 


< th rowspan =m> 表 项 </th> 或 <td rowspan = m> 表 项 </td> 


其 中 ,m 表示 合并 的 行 数 。 
例 2-2 跨 多 行 、 多 列 的 单元 格 。 


<HIML> 


<HEAD> <TITLE > 单元 格 跨 多 行 .多 列 </TITLE > </HEAD> 


<BODY> 


< TABLE align = center border =5> 

< CAPTION> < FONT size=5><B> 学 生成 绩 表 </B> </FONT></CAPTION> 
<TR>< TH rowspan = 2 > 学 号 <TH rowspan = 2> 姓 名 < TH colspan = 3 > 成 绩 
<TR><TH>C 语 言 设计 < TH > 数据 结构 < TH > 总 分 数 
<TR><TD>0001<TD> 张 林 <TD>80<TD>93<TD>173 
<TR><TD>0002<TD> 刘 亚 玲 <TD>90<TD>9100<TD>180 
<TR><TD>0003<TD> 赵 丽 <TD>72<TD>88<TD>160 
<TR><TD>0004<TD> 李 进 <TD>85<TD>85<TD>170 


显示 结果 如 图 2-2 所 示 。 


2-2 跨 多 行 、 多 列 的 单元 格 


2.1.2.5 设计 表单 

表单 是 实现 服务 器 与 用 户 之 间 交 互信 息 的 主要 方式 。 它 最 直接 的 作用 就 是 从 客户 端 浏 
览 器 收集 信息 ,并 指明 一 个 处 理 信息 的 方法 。 

1. 表单 标记 

表单 是 用 户 和 Web 应 用 程序 进行 交互 的 界面 。 用 户 在 表单 中 填写 完 信息 后 ,做 提交 表 
单 的 操作 ,表单 内 容 就 从 客户 端 传送 给 Web 服务 器 ,服务 器 上 的 应 用 程序 处 理 后 ,将 结果 传 
送 回 客户 端 。 

表单 用 二 form 之 和 二/form> 标 记 创建 。 其 语法 格式 如 下 : 


说 明 : 

(1) name 属性 : 指定 表单 名 称 。 

(2) action 属性 : 指定 服务 器 端 处 理 程序 的 URL 地 址 。 

(3) method 属性 : 定义 客户 端 提交 数据 的 方式 , 取 值 有 GET 和 POST。 

GET 方式 是 将 表单 数据 附加 在 action 指定 的 URL 地 址 之 后 ,并 在 URL 与 数据 之 间 
加 上 一 个 分 隔 符 “?”, 各 数据 项 之 间 用 “&.” 进 行 分 隔 。 

例如 : 
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由 于 浏览 器 地 址 栏 长 度 的 限制 ,GET 方法 一 次 最 多 只 能 提交 256 个 字符 的 数据 。 

POST 方法 与 GET 方法 不 同 , 它 把 表单 数据 作为 一 个 独立 的 数据 块 直接 传递 给 服务 
器 ,传送 的 数据 量 要 比 GET 方式 大 得 多 , 且 不 受 长 度 限 制 。 

(4) target 属性 : 用 来 指定 目标 窗口 。 其 值 有 _blank( 空 白 窗 口 )、parent( 父 级 窗口 )、 
_self( 当 前 窗口 ) 和 _top( 顶 层 窗 口 )。 默 认为 当前 窗口 。 

2. 表单 域 标记 

常见 的 表单 域 有 以 下 几 种 : 文本 域 .按钮 域 .选择 域 .菜单 和 列表 域 等 。 

1) 文本 域 

文本 域 根据 输入 方式 的 不 同 ,可 分 为 单行 文本 域 . 密 码 文 本 域 和 多 行文 本 域 。 

(1) 单行 文本 域 : 输入 文本 以 单行 显示 ,其 类 型 为 type 二 TEXT。 


< input type = "TEXT" name = 名 称 value = 内 容 maxlength = 最 大 字符 数 size = 宽度 > 


其 中 ,name 表示 文本 域 的 名 称 ; value 表示 默认 值 ; maxlength 表示 最 大 可 输入 字符 数 ; 
size 表示 文本 域 的 宽度 (以 字符 为 单位 ) 。 
(2) 密码 文本 域 : 输入 到 文本 域 中 的 文字 均 以 圆 点 的 形式 显示 。 方 法 为 ， 


< input type = "PASSWORD" name = 名 称 maxlength = 最 大 字符 数 size = 宽度 > 


(3) 多 行文 本 域 : 如 果 输 入 的 文本 较 多 ,可 使 用 二 textarea 之 和 去 /textarea> 标 签 创 建 
一 个 能 够 输入 多 行 的 文本 框 。 

在 多 行文 本 框 中 输入 数据 时 ,如 果 一 行 的 内 容 过 多 ,或 行 数 过 多 , 则 会 自动 加 上 水 平和 
垂直 滚动 条 。 其 语法 格式 为 : 

< textarea name = 名 称 value= 初始 值 rows= 行 数 cols = 列 数 二 二 /textarea> 


2) 按钮 域 
使 用 按钮 可 以 提交 表单 或 重 置 表单 。 按 钮 分 为 三 类 ， 
(1) 提交 按钮 (type=submit) : 单 击 提交 按钮 ,可 以 实现 表单 内 容 的 提交 。 


< input type = "submit" name = 名 称 value = "提交 "> 

(2) 重 置 按钮 (type 一 reset) : 单 击 重 置 按 钮 ,可 以 清除 表单 中 已 经 输入 的 内 容 。 
< input type = "reset" name= 名 称 value = " 重 置 " > 

(3) 普通 按钮 (type 二 button) : 使 用 普通 按钮 可 以 通过 调用 函数 完成 其 他 操作 。 
< input type = "button" name= 名 称 value = 文本 > 


3) 选择 域 
选择 域 根据 输入 方式 不 同 ,分 为 单 选 域 和 复 选 域 两 类 。 
(1) 单 选 域 (type 一 radio) 用 来 在 多 个 选项 中 选取 一 项 。 格 式 如 下 : 


< input type = "radio" name= 名 称 value = 单 选 域 的 取 值 checked> 


其 中 ,checked 表示 默认 选中 的 项 ; value 表示 选中 项 传送 到 服务 器 的 值 。 
(2) 复 选 域 (type 一 checkbox) 用 于 进行 多 项 选择 。 基 本 格式 为 ， 


4) 菜单 和 列表 域 
假如 在 表单 中 需要 添加 很 多 内 容 , 可 以 使 用 二 select 二 标签 来 实现 。 格 式 如 下 : 


说 明 : 

。 size 表示 选项 个 数 ( 默 认 是 1) 。 如 果 大 于 1, 则 为 多 选 列表 ; 等 于 1 则 表示 单 选 菜单 
( 即 下 拉 菜 单 ) 。 

。 multiple 表示 可 以 复 选 , 即 选择 多 个 选项 。 

。 value 表示 选项 的 值 ,通过 检测 该 菜单 的 value 值 ,可 以 知道 用 户 选择 了 哪 一 项 。 

。 selected 表示 当前 选项 在 初始 状态 被 选中 。 

例 2-3 表单 的 综合 应 用 。 


程序 运行 结果 如 图 2-3 所 示 。 
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沁 表 单 的 任 合 应 用 - microesoft IntEEAAE ER 
| 文件 旭 ” 编 各 上 坦 看 W) 收 阅 忆 工具 CO) 帮助 四 


须 征 回 网 htte:yaecahestyeysitwy2-7 htm SSE 


和 您 的 姓名 :[ 
您 的 个 人 主页 地 址 ,fhttp:/7 


您 的 建议 


加 


您 的 密码 ， 
确认 密码 ， 
所 在 城市 :[ 成 京 司 


个 人 爱好 :证 看 书 三 打球 所 音乐 
性 别 ，@ 另 C 女 


| | 


图 2-3 表单 的 应 用 


2.2 使 用 XML 表达 数据 


XML 是 Internet 环境 中 跨 平台 的 ,依赖 于 内 容 的 技术 ,是 当前 处 理 结构 化 文档 信息 的 
有 力 工具 。XML 主要 用 于 表达 数据 ,提供 了 一 种 描述 结构 数据 的 格式 。 


2.2.1 XML 的 概念 


可 扩展 标识 语言 (eXtensible Markup Language,XML) 是 由 万 维 网 联盟 W3C 定义 , 它 
与 HTML 一 样 ,都 是 SGML 的 子 集 。XML 被 设计 用 来 传输 和 存储 数据 。HTML 用 来 显 
示 数 据 。XML 在 Web 中 起 到 的 作用 不 亚 于 作为 Web 基石 的 HTML, 但 XML 不 是 
HTML 的 替代 ,而 是 对 HTML 的 补充 。 

1. SGML .HTML 和 XML 

SGML .HTML 是 XML 的 先驱 。 

标准 通用 标记 语言 (Standard Generalized Markup Language,SGML) 是 一 种 定义 电子 
文档 结构 和 描述 其 内 容 的 国际 标准 语言 ,是 所 有 文档 标记 语言 的 起 源 。SGML 规定 了 在 文 
档 中 嵌入 描述 标记 的 标准 格式 ,指定 了 描述 文档 结构 的 标准 方法 ,HTML 就 是 使 用 固定 标 
签 集 的 一 种 SGML 文档 。SGML 早 于 Web 的 诞生 ,虽然 它 定 义 文档 的 功能 强大 ,但 由 于 标 
准 过 严 .过 于 复杂 ,使 得 SGML 直接 应 用 于 Web 的 难度 非常 大 ,不 适 于 Web 数据 描述 。 

HTML 是 在 SGML 基础 上 开发 出 来 的 应 用 于 Web 的 语言 。 由 于 它 简 单 易 用 ,使 用 成 
本 低 ,很 快 成 为 Web 的 通用 语言 。 随 着 Web 的 应 用 越 来 越 深 入 ,人 们 渐渐 觉得 HTML 不 
够 用 了 ,过 于 简单 的 语法 阻碍 了 它 表 达 复 杂 的 形式 ,有 限 的 标记 也 严重 制约 着 Web 上 的 数 
据 交换 。HTML 不 能 表现 深层 的 信息 结构 ,不 适 于 大 量 文档 的 存储 。HTML 需要 下 载 整 
个 文件 ,才能 开始 对 文件 做 搜寻 的 动作 。HTML 的 扩充 性 、 弹 性 、 易 读 性 均 不 佳 。 


为 了 解决 以 上 问题 ,专家 们 使 用 SGML 精简 制作 ,并 依照 HTML 的 发 展 经 验 , 开 发 出 
一 套 规则 严谨 、 使 用 简单 的 描述 数据 语言 : XML。 


XML 结合 了 SGML 和 HTML 的 优点 并 消除 其 缺点 。XML 是 SGML 的 子 集 ,继承 了 
SGML 的 多 数 功能 ,并 进行 了 机 能 的 扩张 。XML 掌握 了 SGML 的 延展 性 文件 自我 描述 特 


交互 的 重要 工具 。 


2. 


XML 是 一 种 元 标记 语言 。 


XML 的 树 结构 


性 以 及 强大 的 文件 结构 化 功能 ,XML 据 除 了 SGML 过 于 庞大 复杂 以 及 不 易 普及 化 的 缺点 。 
可 以 说 ,XML 以 SGML20% 的 难度 实现 了 SGML80% 的 机 能 ,成 为 Web 应 用 中 数据 传输 和 


所 谓 “ 元 标记 ”, 就 是 XML 不 像 HTML 那样 只 能 使 用 规定 


的 标记 ,用 户 可 以 自己 定义 需要 的 标记 。 任 何 满足 XML 命名 规则 的 名 称 都 可 以 作为 标记 ， 
这 就 为 不 同 的 应 用 程序 打开 了 大 门 。 


XML 文档 是 纯 文本 ,可 


下 面 看 一 个 简单 的 XML 文档 。 


例 


2-4 一 个 XML 文档 (bookstore. xml) 。 


<?xml version= "1.0" encoding=" ISO0— 8859—1"?> 

< bookstore > 

< book category = "COOKING"> 
<title lang = "en">Everyday Italian</title> 
<author > Giada De Laurentiis </author> 
<year >2005 </year > 
<price>30.00</price> 

</book > 

< book category = "CHILDREN"> 
<title lang = "en"> Harry Potter </title> 
<author >J K. Rowling </author> 
<year >2005 </year > 
<price>29.99</price> 

</book > 

< book category = "WEB"> 
<title lang = "en"> Learning XML</title> 
<author > Erik T. Ray </author> 
<year >2003 </year > 
<price>39.95</price> 

</book > 

</bookstore> 


[用 文本 编辑 器 创建 。XML 文档 的 文件 后 级 是 . xml。 


每 个 XML 文档 都 由 第 一 行 的 XML 声明 开始 ,定义 了 XML 的 版 本 和 所 使 用 的 编码 。 
第 二 行 是 文档 的 根 元 素 二 bookstore> , 根 元 素 的 子 元 素 是 二 book 放 元 素 。 二 book 记 元 素 有 4 
个 子 元 素 : 一 title> 一 author> .一 year 二 和 一 price> ,同时 ,一 book 二 元 素 还 有 属性 category。 
整个 XML 文档 组 成 一 个 树 型 结构 。 也 就 是 说 ,XML 文档 必须 包含 根 元 素 ,该 元 素 是 
所 有 其 他 元 素 的 父 元 素 。XML 文档 中 的 所 有 元 素 形 成 一 棵 文档 树 。 这 棵 树 从 根部 开始 ， 


一 直 扩 


展 到 树 的 最 底 端 。 所 有 元 素 均 可 拥有 子 元 素 ,也 都 可 拥有 文本 内 容 和 
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图 2-4 展示 了 一 棵 XML 文档 树 。 它 包括 4 类 结 点 : 根 结 点 .元 素 结 点 .属性 结 点 和 文 
本 结 点 。 根 结 点 表示 的 是 根 元 素 ,元 素 结 点 用 于 表示 根 元 素 的 所 有 子 元 素 , 属 性 结 点 用 于 表 


示 元 素 的 属性 ,文本 结 点 表示 元 素 的 文本 内 容 。 


根 元 素 
<bookstore> 
下 加 
子 
属性 : 元 素 。 | |「 ”属性 : 
“lang” <book> “category™ 
I 
元 素 : 元 素 : 元 素 : 元 素 : 
<title> <author> <year> <price> 


同 级 | 


文本 : 文本 : 文本 : 文本 : 
Harry Potter JK. Rowling 2005 29.99 


图 2-4 XML 文档 树 


3. XML 与 HTML 的 不 同 


XML 和 HTML 都 来 自 于 SGML, 有 着 相似 的 语法 ,但 却 有 着 很 大 的 不 同 。 传 统 的 
HTML 无 法 表达 数据 的 含义 ,而 这 恰恰 是 电子 商务 .智能 搜索 所 必需 的 。HTML 不 能 描述 
化 学 符号 ,数学 公式 .音乐 符号 ,矢量 图 形 .影音 文件 等 其 他 形态 的 内 容 。HTML 的 可 扩展 


性 差 ,不 像 XML 那样 可 以 提供 更 多 的 数据 操作 。 
XML 与 HTML 相 比 ,有 以 下 不 同 : 
1) XML 实现 内 容 与 形式 的 分 离 


HTML 中 的 数据 和 表现 形式 是 混合 在 一 起 的 , 当 改变 内 容 数据 的 表现 形式 时 , 需 更 新 
整个 文档 。 而 XML 文档 只 包含 数据 ,数据 的 表现 形式 由 另 一 个 描述 格式 的 文档 来 定义 , 因 


此 改变 时 只 要 更 新 该 格式 文档 即 可 。 
2) XML 扩展 性 比 HTML 强 


XML 允许 使 用 者 创建 个 性 化 的 标签 ,每 一 个 行业 或 专业 领域 可 以 制定 特定 范围 内 的 
标签 集 , 以 满足 特殊 的 需要 。XML 的 扩展 性 和 灵活 性 允许 它 描述 不 同 种 类 应 用 软件 中 的 
数据 ,从 描述 Web 页 到 数据 记录 。XML 格式 的 数据 可 以 用 应 用 软件 进行 解析 。 使 用 者 可 
以 用 不 同 的 方法 处 理 XML 数据 ,而 不 仅仅 是 显示 它 。HTML 只 能 局 限于 按 一 定 的 格式 在 


终端 显示 出 来 。 
3) XML 的 语法 比 HTML 严格 


由 于 XML 的 扩展 性 强 , 它 需要 稳定 的 基础 规则 支持 扩展 ,如 起 始 标 签 和 结束 标签 必须 
匹配 .标签 不 能 交叉 手套 、 区 分 大 小 写 等 。HTML 并 没有 规定 标签 的 绝对 位 置 ,也 不 区 分 大 


小 写 ,这 些 全 部 由 浏览 器 识别 和 更 正 。 
4) XML 具有 良好 的 自 描述 性 


HTML 使 用 固有 的 标签 描述 和 显示 网 页 内 容 。XML 不 能 描述 网 页 的 外 观 和 内 容 , 只 


是 描述 内 容 的 数据 形式 和 结构 。XML 标签 拥有 特定 的 语义 ,更 容易 被 人 理解 。 同 时 由 于 


XML 数据 是 自我 描述 的 ,数据 不 需要 有 内 部 描述 就 能 被 交换 和 处 理 。 


2.2.2 XML 的 语法 规则 


1. XML 文档 的 格式 

前 面 说 过 ,XML 比 HTML 在 语法 上 有 着 更 严格 的 要 求 。 一 个 XML 文档 可 以 包括 两 
个 方面 : 

1) 结构 良好 的 (Well-formed)XML 文档 

如 果 某 个 文档 符合 XML 语法 规范 ,那么 就 说 这 个 文档 是 “结构 良好 ”的 文档 。 

2) 有 效 的 (Validate)XML 文档 

有 效 的 XML 文档 是 指 通过 了 DTD 验证 的 ,具有 良好 结构 的 XML 文档 。 

一 个 具有 良好 结构 的 XML 文档 不 一 定 就 是 有 效 的 XML 文档 ; 反之 ,一 个 有 效 的 
XML 文档 必定 是 一 个 结构 良好 的 XML 文档 。 

实现 一 个 结构 良好 的 XML 文档 必须 满足 以 下 条 件 : 

。 XML 文档 由 “XML 声明 ”开始 ; 

。 有 且 仅 有 一 个 根 元 素 ; 

。 所 有 的 XML 标记 必须 成 对 出 现 , 将 数据 包围 在 中 间 ; 

。 所 有 的 XML 标记 必须 对 称 地 嵌 套 ; 

。 XML 标记 对 大 小 写 敏 感 。 

所 谓 “ 结 构 良 好 ”是 针对 HTML 混乱 的 语法 而 言 ,XML 文档 只 有 格式 良好 才能 被 正确 
地 分 析 和 处 理 。 下 列 是 一 个 合理 的 HTML 文档 ,但 却 完全 不 符合 XML 的 格式 要 求 。 


<HIML> 

<BODY> 

<h2 > 西安 欢迎 你 <br > 

< font color = "red" size = 4> 西 安 欢迎 你 </FONT> 
<hr> 

<b size=6><i> 西 安 欢迎 你 </b></i> 

</body > 

</html > 


还 有 一 点 要 说 明 的 是 ,XML 中 的 空格 不 会 被 删节 ,而 是 被 保留 。HTML 则 会 把 多 个 连 
续 的 空格 字符 合并 为 一 个 。 在 XML 文档 中 任何 的 差错 ,都 会 得 到 同一 个 结果 : 网 页 不 能 
被 显示 。 

有 效 的 XML 文档 是 指 该 XML 文档 符合 语义 方面 的 规范 。 一 般 来 说 ,如 果 XML 文档 
的 语法 符合 DTD 或 XML Schema 的 定义 和 规定 ,那么 就 是 有效 的 ?XML 文档 。 

在 DTD 文 档 中 定义 了 有 效 的 XML 元 素 名 以 及 相应 的 一 些 规则 。 当 一 个 XML 文档 与 
DTD 文档 关联 起 来 以 后 ,此 XML 文档 必须 遵循 DTD 中 定义 的 规则 ,否则 会 视 为 无 效 。 

XML Schema 的 作用 与 DTD 类 似 , 但 它 自身 也 是 一 个 XML 文档 ,从 而 拥有 XML 的 各 
种 特性 ,因此 XML Schema 要 比 DTD 灵活 得 多 。 

2. XML 标记 的 命名 规则 

XML 标记 的 命名 规则 如 下 : 

。 名 字 中 可 以 包含 字母 ,数字 以 及 其 他 字母 ; 
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。 名 字 不 能 以 数字 或 下 划 线 “_” 开 头 ; 

。 名 字 不 能 以 字母 xml (或 XML 或 Xml) 开头 ; 

。 名 字 中 不 能 包含 空格 。 

3. XML 声明 

XML 声明 的 作用 是 告诉 浏览 器 将 要 处 理 的 文档 是 XML 文件 。 
例如 : 


其 中 ,version 是 必须 声明 的 属性 ,指明 文档 遵循 哪个 版 本 的 XML 规范 。encoding 属性 是 
可 选项 ,指示 文档 中 字符 使 用 的 编码 标准 。 常 见 的 有 GB2312、BIG5 `UTF-8 等 。 


2.2.3 验证 XML 的 有 效 性 


假设 有 一 个 结构 良好 的 XML 文档 person. xml, 现 在 需要 验证 它 的 有 效 性 。 
例 2-5 一 个 结构 良好 的 XML 文档 (person. xml)。 


如 前 所 述 ,验证 XML 文档 的 有 效 性 有 DTD 和 XML Sohema 两 种 方法 ,下 面 分 别 进行 介绍 。 

1. DTD 

文档 类 型 定义 (Document Type Definition ,DTD) 是 对 XML 文档 所 做 的 规范 和 约定 ， 
指定 了 一 系列 XML 文档 必须 遵守 的 规则 。 实 际 上 ,DTD 可 以 看 做 是 XML 文档 的 一 个 模 
板 。 在 一 个 DTD 中 ,包含 了 对 XML 文档 所 使 用 的 元 素 、 元 素 间 的 关系 、 元 素 可 包含 的 属 
性 .可 使 用 的 实体 或 符号 等 的 定义 规则 。 

DTD 由 许多 约定 和 声明 语句 构成 ,这 些 语句 可 以 包含 在 XML 文档 内 部 , 称 为 内 部 
DTD, 也 可 以 独立 保存 为 一 个 文件 , 称 为 外 部 DTD。 

1) 内 部 DTD 

当 DTD 被 包含 在 一 个 XML 文档 中 ,那么 它 就 包装 在 一 个 DOCTYPE 声明 中 


下 面 就 是 一 个 带 有 DTD 的 XML 文档 : 


上 述 XML 文档 中 ， 


! DOCTYPE person 定义 此 文档 是 person 类 型 的 文档 。 

! ELEMENT person 定义 person 元 素 有 3 个 子 元 素 : name .sex、age。 
! ELEMENT name 定义 name 元 素 为 # PCDATA 类 型 。 

! ELEMENT sex 定义 sex 元 素 为 # PCDATA 类 型 。 

! ELEMENT age 定义 age 元 素 为 #PCDATA 类 型 。 

在 一 个 DTD 中 ,元 素 通过 元 素 声 明 来 进行 声明 。 


| 


例如 : 


只 有 PCDATA 的 元 素 通过 括号 中 的 # PCDATA 进行 声明 : 


例如 : 


2) 外 部 DTD 
假如 DTD 位 于 XML 文档 的 外 部 ,那么 它 应 被 封装 在 一 个 DOCTYPE 定义 中 ， 


上 述 定义 中 的 “文件 名 ”就 是 一 个 外 部 的 DTD 文档 ,其 后 级 为 . dtd。 
假设 有 一 个 XML 文档 , 它 引 用 了 一 个 外 部 DTD 文档 person. dtd。 代 码 如 下 : 
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下 面 是 person. dtd 文件 的 内 容 。 第 1 行 定义 person 元 素 有 三 个 子 元 素 : name、sex、 
age。 第 2 一 第 4 行 定义 了 name、sex、age 元 素 的 类 型 是 #PCDATA。 


<! ELEMENT person (name, sex, age)> 
<!ELEMENT name ( #PCDATA)> 
<!ELEMENT sex ( 并 PCDRTR)> 
<!ELEMENT age ( 并 PCDRATR)> 


通过 DTD, 每 个 XML 文档 均 可 包含 一 个 有 关 自 身 格式 的 描述 。 不 同 的 应 用 程序 只 需 
要 定义 标准 的 DTD, 各 程序 就 能 够 依照 DTD 建立 、 验 证 ,交换 并 处 理 XML 文档 了 。 

2. XML Schema 

XML Schema 是 W3C 开发 的 一 种 新 的 约束 XML 文档 的 模式 ,是 一 种 特殊 的 XML 文 
件 , 遵 循 XML 的 语法 规则 。XML Schema 语言 也 称 作 XML Schema 定义 (XML Schema 
Definition ,XSD) 。 

与 DTD 类 似 ,XML Schema 用 于 描述 XML 文档 的 合法 元 素 。 它 弥补 了 DTD 的 不 足 
之 处 。 例 如 ,DTD 的 数据 类 型 有 限 , 当 声明 一 个 元 素 的 内 容 为 文本 时 ,声明 为 # PCDATA， 
却 不 能 限制 文本 的 具体 类 型 (如 整 型 . 浮 点 型 等 )。XML Schema 则 可 以 定义 具体 的 数据 类 
型 。XML Schema 不 但 提供 了 丰富 的 数据 类 型 ,还 允许 用 户 自 定 义 类 型 。 

与 DTD 相 比 ,XML Schema 具有 如 下 优点 : 

(1) 可 以 更 容易 地 描述 文档 结构 。 

(2) 可 以 方便 地 定义 数据 类 型 。 

(3) 可 重用 性 。 

虽然 XML Schema 比 DTD 对 数据 的 限制 好 ,但 实现 相同 功能 的 Schema 代码 比 DTD 
要 长 很 多 ,DTD 也 可 以 实现 XML Schema 不 能 实现 的 功能 。 它 们 各 有 优势 。 

W3C 规定 ,一 个 XML Schema 文档 的 根 标记 必须 是 schema, 名 称 空间 必须 是 http:// 
www. w3. org/2001/XMLSchema ,下 面 是 它 的 基本 形式 : 


<?xml version = "1.0" ?> 

<xs:schema xmlns:xs = http://www. w3. org/2001/XMLSchema > 
Schema 内 容 

</xs:schema> 


上 面 代码 中 ,第 一 行 以 XML 声明 开始 ,说 明 这 是 一 个 XML 文件 。 所 有 内 容 都 添加 在 
根 标记 二 schema 二 中 。xs 是 名 称 空 间 的 前 级 ,可 以 任意 定义 。 
在 “schema 内 容 ” 中 ,Schema 标记 及 属性 定义 的 格式 如 下 : 
<xs:element name = "标记 名 称 ”type = "数据 类 型 "> </xs:element > 
下 面 是 一 个 名 为 person. xsd 的 XML Schema 文件 。 
<?xml version= "1.0" ?> 
<xs:schema xmlns:xs = http://www. w3. org/2001/XMLSchema > 


<xs:element name = "person"> 
<xs:complexType > 


person 元 素 是 一 个 复合 类 型 ,包含 其 他 的 子 元 素 。 其 他 元 素 (name，sex，age) 是 简单 
类 型 ,因为 它们 没有 包含 其 他 元 素 。 

当 XML 文档 person. xml 引用 这 个 XML Schema 文件 person. xsd 时 ,需要 在 根 标记 
内 声明 ,代码 如 下 ， 


2.2.4 XML 文档 的 显示 


原始 的 XML 文档 可 以 用 下 浏览 器 查看 ,浏览 器 将 之 显示 为 一 棵 可 折 和 的 树 。 以 
person. xml 为 例 , 用 IE 浏览 器 打开 的 结果 如 图 2-5 所 示 。 


http://localhost/person -ox mm 


<age>28</age> 
</person> 


ee a [R100 
(a) 折 又 前 的 XML 文 档 (b) 折 释 后 的 XML 文档 
2-5 在 浏览 器 中 打开 原始 的 XML 文档 


XML 文档 本 身 并 不 包含 数据 显示 的 信息 ,如 果 和 希望 XML 文档 在 浏览 器 中 按照 一 定 的 
格式 显示 出 来 ,必须 要 有 一 个 专门 的 文件 定制 XML 文档 的 显示 样式 。 这 个 专门 的 样式 文 
档 可 以 是 CSS( 层 三 样式 表 ) 或 XSLT( 可 扩展 样式 表 )。 所 谓 样式 表 , 就 是 包含 一 个 或 多 个 
格式 化 规则 的 文档 ,包含 指示 Web 浏览 器 如 何 将 原文 档 的 结构 翻译 为 一 个 能 够 显示 的 结构 
的 代码 。 
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1. 使 用 CSS 在 Web 上 显示 XML 数据 

层 革 样式 表 (Cascading Style Sheets,CSS) 包 含 一 个 或 多 个 格式 化 规则 和 定义 。 它 控 
制 XML 文档 和 HTML 文档 中 的 标签 在 浏览 器 中 如 何 显示 。 

假设 创建 一 个 CSS 文档 person. css, 其 内 容 如 下 : 


上 述 文档 定义 了 XML 文档 person. xml 中 根 元 素 person、 子 元 素 sex 的 显示 特性 。 

要 按照 person. css 中 的 定义 显示 XML 文档 person. xml 的 内 容 , 需 要 在 XML 文档 中 
添加 一 条 xml-stylesheet 命令 , 则 此 XML 文档 就 与 CSS 文件 关联 起 来 了 。 

下 面 是 修改 后 的 person. xml 文档 (person-css. xml) : 


在 浏览 器 中 打开 该 文档 ,显示 的 结果 如 图 2-6 
所 示 。 

2. 使 用 XSLT 显示 XML 数据 

可 扩展 样式 表 语 言 (eXtensible Stylesheet 
Language,XSL) 是 一 种 可 以 将 XML 文档 转化 成 
浏览 器 能 够 识别 的 HTML 文档 的 语言 。 通 常 ， 
XSL 是 通过 将 每 一 个 XML 元素“ 翻译 ”为 HTML 
元 素 , 来 实现 这 种 转换 的 。XSL 样式 表 自 身 也 是 
一 个 XML 文档 。 

XSL 包括 三 部 分 : 

。XSLT: 一 种 用 于 转换 XML 文档 的 语言 。 

。 XPath: 一 种 用 于 在 XML 文档 中 导航 的 语言 。 


2-6 用 CSS 显 示 XML 数据 


。XSL-FO: 一 种 用 于 格式 化 XML 文档 的 语言 。 

XSLT(eXtensible Stylesheet Language Transformation ) 是 扩展 样式 表 转 换 语 言 。 
XSLT 可 将 XML 文档 转换 为 XHTML 或 另 一 种 文本 文件 。XSLT 通过 把 每 个 XML 元 素 
转换 为 HTML 元 素来 完成 这 项 工作 。 

假设 有 一 个 引用 了 XSLT 文件 的 XML 文档 person_xslt. xml, 其 内 容 如 下 : 


上 述 XML 文档 中 ,引用 的 XSLT 文档 person. xslt 内 容 如 下 : 


可 以 看 到 ,XSLT 文件 以 一 个 XML 声明 开始 ,使 用 xsl: stylesheet 指令 声明 这 是 一 个 
样式 表 文 件 。 二 xsl:template match 一 "/" 二 语句 表示 XML 的 源 文 档 在 当前 目录 下 。 通 过 
xsl:for-each 指令 查找 XML 文档 中 路 径 为 persons/person 的 元 素 , 然 后 使 用 xsl: value-of 
指令 取出 此 元 素 的 值 。 通 过 上 述 转换 ,原来 的 XML 文档 实际 上 转换 成 了 HTML 文档 。 


第 
到 
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在 浏览 器 中 打开 person_xslt. xml 文件 ,显示 结果 如 图 2-7 所 示 。 


olxl 
~ 一 - 
CI ED el hep ocahost 图 esl [P| 


」 文件 编 加 (E) 查看 VW) 收藏 (A) 工具 (D ” 
这 收 藏 严 。 赔 http:jllocahostjperson_xsk.xml 


姓名 有 旺 别 陡 性 
George Male |28 
Mary [Female 20 
到 
Er 


图 2-7 用 XSLT 显示 XML 数据 


3. XSLT 和 CSS 的 区 别 
CSS 和 XSLT 虽然 都 可 以 格式 化 XML 文档 ,但 它们 却 有 很 大 的 不 同 , 如 表 2-7 所 示 。 


表 2-7 CSS 和 XSLT 的 区 别 


Css XSLT 
使 用 简单 使 用 复杂 

不 能 排序 .添加 或 删除 文档 中 的 元 素 可 以 排序 、 添 加 或 删除 文档 元 素 
消耗 内 存 资源 少 使 用 较 多 内 存 和 处 理 器 能 力 

与 XML 语法 不 同 与 XML 语法 相同 


CSS 只 适合 输出 比较 固定 的 文档 。CSS 的 优点 是 简洁 ,消耗 系统 资源 少 ; XSLT 虽然 
功能 强大 ,但 因为 要 重新 索引 XML 结构 树 ,所 以 消耗 内 存 比 较 多 。 因 此 ,常常 将 它们 结合 起 来 
使 用 ,如 在 服务 器 端 用 XSLT 处 理 文档 ,在 客户 端 用 CSS 控制 显示 ,这 样 可 以 减少 响应 时 间 。 


2.3 XHTML 和 DHTML 
2.3.1 XHTML 
XHTML = XML + HTML 


XHTML(CeXtensible HyperText Markup Language) 是 遵循 XML 规范 的 HTML, 比 
HTML 要 严格 ,是 一 种 增强 了 的 HTML。2000 年 , W3C 公布 了 XHTML 1. 0 版 本 。 
XHTML 1.0 是 在 HTML 4.01 的 基础 上 优化 和 改进 的 新 语言 ,其 目的 是 基于 XML 应 用 ， 
它 的 可 扩展 性 和 灵活 性 更 能 适应 未 来 网 络 应 用 的 需求 。 

1. XHTML 代码 的 基本 规范 

(1) 所 有 的 标签 必须 严格 配对 ,即使 是 空 元 素 也 得 封闭 。 

在 HTML 中 ,用 户 打 开 的 许多 标签 可 以 不 配对 ,但 在 XHTML 中 却 是 非法 的 。 
XHTML 要 求 有 严谨 的 结构 ,所 有 标签 必须 关闭 。 对 于 单独 不 成 对 的 标签 ,在 标签 最 后 加 
一 个 “/” 来 关闭 它 。 


例如 : 


(2) 所 有 的 标签 名 和 属性 名 必须 小 写 。 

XHTML 对 大 小 写 是 敏感 的 ,一 title 之 和 过 TITLE 二 是 不 同 的 标签 。 XHTML 要 求 所 
有 的 标签 和 属性 名 都 必须 使 用 小 写字 母 。 

(3) 所 有 的 属性 值 必须 用 双 引 号 括 起 来 。 

在 HTML 中 ,用 户 可 以 不 给 属性 值 加 引号 ,但 在 XHTML 中 必须 加 引号 。 例 如 ,在 
HTML 中 可 以 有 这 样 的 代码 : 


在 XHTML 中 必须 写 为 : 


(4) 所 有 的 标签 必须 严格 嵌 套 。 
在 HTML 中 可 以 这 样 编写 代码 : 


按照 XHTML 的 要 求 必须 改 为 : 


(5) 每 个 属性 必须 赋值 。 
XHTML 规定 所 有 属性 都 必须 有 一 个 值 , 没 有 值 的 就 重复 自身 。 例 如 ,在 HTML 中 可 
以 这 样 编写 代码 : 


按照 XHTML 的 要 求 必须 改 为 : 


2. XHTML 的 基本 结构 
XHTML 文档 是 一 种 纯 文 本 格式 的 文件 ,XHTML 文档 的 基本 结构 为 : 
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<body> 网 页 内 容 </body> 
</html > 


一 个 XHTML 文档 由 三 部 分 组 成 : 声明 、 头 部 .主体 。 

文档 的 最 前 面 是 一 个 DOCTYPE 声明 ,定义 了 文档 使 用 的 DTD 版 本 、 类 型 .下 载 地址 
等 。 本 例 中 定义 了 文档 使 用 的 语言 版 本 是 XHTML 1.0。 文档 类 型 是 Transitional。DTD 
下 载 地 址 是 http://www. w3. org/TR/xhtmll/DTD/xhtmll-transitional. dtd。 

所 html 之 标签 必须 带 xmlns 属性 ,表明 使 用 的 命名 空间 。 

文档 头 部 是 二 head 之 …< 到 /head> 之 间 的 部 分 ,主要 用 来 定义 文档 的 相关 信息 ,如 文档 
标题 .说明 信 息 ,样式 定义 、 字 符 集 等 。 

文档 主体 是 王 body 之 … 志 /body> 之 间 的 部 分 ,其 内 容 就 是 要 展示 给 用 户 的 部 分 。 


2.3.2 DHTML 
DHTML = HTML/XHTML + CSS + JavaScript 


动态 的 HTML(Dynamic HTML,DHTML) 不 是 一 种 网 页 设计 语言 `、W3C 技术 标准 或 
规范 。DHTML 是 一 种 使 HTML 页 面具 有 动态 特性 的 艺术 。DHTML 是 一 种 创建 动态 交 
互 站 点 的 技术 集 。 

对 大 多 数 人 来 说 ,DHTML 意味 着 HTML .样式 表 和 JavaScript 的 组 合 。 

。 HTML/XHTML 用 于 定义 文档 结构 ; 

。 CSS 确定 信息 的 外 在 表现 形式 

。 JavaScript 则 用 于 编程 以 便 动态 操控 CSS 和 HTML。 

第 3 章 将 介绍 CSS, 第 4 章 将 介绍 JavaScript。 


2.4 习题 与 上 机 练习 


1. 填空 题 
(1) HTML 网 页 文件 的 标记 是 ,网 页 文件 的 主体 标记 是 , 页面 标题 
的 标记 是 
(2) 表格 的 标签 是 ,单元 格 的 标签 是 。 表 格 的 宽度 可 以 用 百分比 和 
两 种 单位 来 设置 。 
(3) 表单 对 象 的 名 称 由 属性 设 定 ; 提交 方法 由 属性 指定 ; 若 要 提交 
大 量 数 据 , 则 应 采用 方法 ; 表单 提交 后 的 数据 处 理 程序 由 属性 指定 。 
(4) DTD( 文 档 类 型 定义 ) 是 对 文档 所 做 的 规范 和 约定 。 
2. 选择 题 
(1) 下 面 ( ) 属 性 不 是 文本 的 标签 属性 。 
A. nbsp B. align C. color D. face 


(2) 下 列 ( ) 表 示 的 不 是 按钮 。 
A. type= "submit" B. type= "reset" 


C. type= "image" D. type= "button" 


(3) 在 DHTML 中 把 整个 文档 的 各 个 元 素 作为 对 象 处 理 的 技术 是 ( )。 


A. HTML B. CSS 
C. DOM D. Script( 脚 本 语言 ) 
(4) 下 列 HTML 标记 中 ,属于 非 成 对 标记 的 是 ( ) 。 
A. <li> B. <~ul> tp D. <=font> 


(5) 若 设计 网 页 的 背景 图 形 为 bg. jpg, 以 下 标记 中 正确 的 是 ( 站 
A. 一 body background= "bg. jpg"> B. 二 body bground= "bg. jpg" > 
C. =body image= "bg. jpg"> D.=body bgcolor= "bg. jpg"> 

(6) 若 要 在 页 面 中 创建 一 个 图 形 超 链 接 , 要 显示 的 图 形 为 myhome. jpg, 所 链接 的 地 址 

为 http://www. pcnetedu. com， 以 下 用 法 中 正确 的 是 ( Xa 

A. =a href="http://www. pcnetedu. com">myhome. jpg=/a> 
B. 一 a href=" http://www. pcnetedu. com"><img src="myhome. jpg"><=/a> 
C. <img src 一 "myhome. jpg"><a href ="http://www. pcnetedu. com"><=/a> 
D. 一 a href =http://www. pcneredu. com> <img src 一 "myhome. jpg'"> 

(7) 要 将 页 面 当前 位 置 定 义 成 一 个 名 为 vbpos 的 标签 ,定义 方法 正确 的 是 ( ) 。 


A. =a href=":vbpos"><=/a> B. =a href="#vbpos">vbpos=/a> 
C. <a name=vbpos> D. ~<a name="vbpos"></a> 

(8) 如 果 需 要 在 XML 文件 中 显示 简体 中 文 , 那 么 encoding 一 ( hs 
A. GB2312 B. BIG5 C. UTF:8 D. UTF-16 


(9) 在 进行 属性 声明 时 ,错误 的 是 ( 和 
A. 标记 中 可 以 使 用 多 个 属性 
B. 属性 可 以 出 现在 起 始 标记 或 结束 标记 中 
C. 属性 名 是 大 小 写 敏 感 的 
D. 属性 值 必须 用 引号 引 上 
(10) 不 符合 格式 良好 的 XML 文档 要 求 的 是 ( js 
A. 文档 可 以 有 一 个 以 上 的 根 元 素 B. 有 符合 规范 的 声明 语句 
C. 每 个 元 素 有 正确 的 起 始 、 结 束 标 记 D. 元 素 正 确 嵌 套 , 没 有 交叉 现象 出 现 
3. 简 答题 
(1) 比较 XML 与 HTML 的 异同 。 
(2) 简 述 XHTML 和 DHTML 的 含义 。 
(3) 比较 XSLT 和 CSS 的 区 别 。 
4. 上 机 练习 
(1) 制作 一 个 带 有 了 网 页 内 部 书签 链接 的 文件 ,包括 书签 名 、 作 者 简介 、 成 果 、 爱 好 兴 
(2) 用 XML 完成 对 一 本 书 的 描述 (要 求 有 书 名 、 作 者 、 单 价 、 出 版 社 、 出 版 日 期 等 ,其 中 
ISBN 是 属性 ) ,定义 命名 空间 为 http://www. w3. org/2001/XML schema。 
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星相 至 利用 CSS 布局 网 页 


CSS 可 以 定义 HTML 文档 和 XML 文档 在 浏览 器 中 显示 的 样式 。 第 2 章 已 经 讲 过 如 
何 利用 CSS 文件 在 浏览 器 中 显示 XML 数据 。 其 实 ,CSS 更 多 地 用 于 定义 HTML 网 页 在 
浏览 器 中 的 显示 效果 。 人 掌握 CSS 技术 的 基本 用 法 和 编程 技巧 ,对 学 习 网 页 设计 至 关 重要 。 


3.1 CSS 概 述 


CSS 是 一 种 标记 性 语言 ,用 于 控制 网 页 样式 ,并 允许 将 网 页 内 容 与 显示 样式 分 离 , 为 网 
页 里 的 元 素 创建 在 浏览 器 中 的 表现 样式 。CSS 以 HTML 语言 为 基础 ,提供 了 丰富 的 格式 
化 功能 ,如 字体 .颜色 .背景 和 整体 排版 等 。 

例 3-1 一 个 简单 的 HTML 网 页 (welcome. htm)。 


<!DOCTYPE htm] PUBLIC " - //W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www. w3. org/TR/xhtml1/DTD/xhtml1 - transitional. dtd"> 

< htm]l xmlns = "http://www. w3.org/1999/xhtml"> 

<head> 

< meta http - equiv = "Content - Type" content = "text/html; charset = gb2312" /> </head> 
<body> 

<hl > 欢迎 你 到 西安 来 !</hl > 

<h3 > 欢迎 你 常 到 西安 来 !!</h3 > 

</body > 

</html > 


当 在 浏览 器 中 打开 这 个 网 页 时 ,浏览 器 将 以 默认 的 样式 显示 网 页 内 容 , 如 图 3-1 所 示 。 
现在 修改 例 3-1 的 HTML 文件 ,加 入 CSS 代码 后 ,如 下 所 示 (welcome_css. htm): 


<!DOCTYPE htm] PUBLIC " ~ //W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www. w3. org/TR/xhtml1/DTD/xhtmll ~ transitional. dtd"> 
<htm] xmlns = "http://www. w3.org/1999/xhtml"> 

<head> 

<meta http - equiv = "Content - TYpe"”content = "text/html; charset = gb2312" /> 
< style type = "text/css"> 

hl {font - style: italicicolor:redi display: inline; } 

</style> 

</head> 

<body> 

<hl > 欢迎 你 到 西安 来 !</hl > 


<h3 style = "color:black;font - weight:200"> 欢 迎 你 常 到 西安 来 !!</h3 > 

</body > 

</html > 

在 浏览 器 中 打开 welcome_css. htm, 显示 结 果 如 图 3-2 所 示 。 可 以 看 出 ,原来 代码 中 的 
去 hl 之 .二 h3 过 标记 在 加 了 CSS 样式 说 明 以 后 ,显示 的 效果 就 不 同 了 。 


[Etp/ /locahost mee 二 可 
(S|e nicahost 4 好] xj 全 CS fe ne, Mocalhost S| els+ | x 
」 文件 (E) ”编辑 (E) ”查看 收藏 习 (&) 工具 ( > 」 交 件 (E) ”编辑 (E) ”查看 (VW) 收藏 习 ( 和 ) 工具 (TD 帮 > 
这 收藏 来 。 稳 http:jlocalhostjiwekcome.htm 祝 收 藏 夹 。” 赔 http:llocahostiwelcome_css,htm 
迎 Jr ! » AAA 2 
欢迎 你 到 西安 来 跑 如 从 到 西魏 光 ! 
欢迎 你 常 到 西安 来 ! ! 
欢迎 你 常 到 西安 来 ! ! 
加 
| 厢 mternet EL 
图 3-1 浏览 器 以 默认 样式 显示 HTML 网 页 图 3-2 浏览 器 按 指 定 样式 显示 HTML 网 页 
CSS 的 主要 特点 概括 如 下 : 


(1) CSS 与 HTML 的 关系 体现 了 “内 容 结 构 和 格式 控制 相 分 离 ”的 原则 。 

(2) CSS 更 容易 控制 页 面 的 布局 。 使 用 外 部 链接 的 CSS 文件 ,可 以 方便 地 修改 网 页 的 
显示 效果 而 不 必修 改 网 页 本 身 ; 也 可 以 同时 定义 多 个 网 页 的 显示 风格 。 

(3) 可 以 制作 更 小 、 下 载 更 快 的 网 页 。CSS 简化 了 HTML 网 页 的 格式 代码 ,外 部 的 
CSS 样式 表 还 会 保存 在 缓存 里 ,加 快 了 下 载 显示 的 速度 。 

(4) 可 以 更 快 ,更 容易 地 维护 及 更 新 大 量 的 网 页 。 当 需要 修改 一 个 样式 规则 时 ,所 有 应 
用 了 此 规则 的 网 页 就 会 自动 更 新 显示 效果 ,大 大 减少 了 重复 劳动 的 工作 量 。 

(5) 良好 的 浏览 器 兼容 性 。 所 有 的 主流 浏览 器 都 支持 CSS。 


3.2 在 HTML 中 使 用 CSS 


在 HTML 文档 中 使 用 CSS 样式 表 , 主 要 分 为 三 种 方式 : 

。 内 艇 样式 (Inline Style); 

。 内 部 样式 表 (Internal Style Sheet); 

。 外 部 样式 表 (External Style Sheet) 。 

除 此 之 外 ,还 可 以 使 用 @import 指令 导入 外 部 样式 表 文 件 。 

下 面 分 别 对 这 几 种 方式 加 以 说 明 。 

1. 内 谋 样 式 

内 嵌 样 式 是 指 对 二 body 二 和 王 /body 二 之 间 的 HTML 标签 ,直接 设置 标签 的 style 属 
性 为 CSS 代码 。 它 只 对 所 在 的 HTML 标签 有 效 。 其 格式 为 : 


刊 用 CSS 布局 网 页 
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2. 内 部 样式 表 
内 部 样式 表 是 指 在 HTML 文档 的 二 head 放 标签 内 部 ,定义 一 对 二 style 记 二 /style 二 标 


签 。 它 只 对 当前 所 在 的 网 页 有 效 。 其 格式 如 下 : 


3， 外 部 样式 表 
当 多 个 HTML 网 页 使 用 同样 的 CSS 规则 时 ,可 以 将 这 些 CSS 规则 放 在 一 个 以 css 为 
后 缀 的 独立 文件 中 ,然后 在 网 页 里 使 用 一 link 之 引用 这 个 CSS 文件 。 其 格式 如 下 : 


属性 rel 是 relation 的 缩写 ,表示 HTML 文件 与 所 链接 的 对 象 之 间 的 关系 ; 属性 href 
可 以 是 一 个 完整 的 URL ,指定 CSS 文件 的 位 置 。 
例如 : 


将 HTML 页 面 本 身 和 CSS 样式 分 离 为 不 同 的 文件 ,实现 了 页 面 框架 代码 和 页 面 布 局 
CSS 代码 的 完全 分 离 ,使 得 网 页 的 前 期 制作 和 后 台 维 护 都 非常 方便 。 


使 用 外 部 样式 表 , 相 对 于 内 赂 样式 和 内 部 样式 表 , 有 以 下 优点 : 

。 样式 代码 可 以 复 用 。 一 个 外 部 CSS 文 件 ,可 以 被 很 多 网 页 共用 。 

。 便于 修改 。 如 果 要 修改 样式 ,只 需要 修改 CSS 文件 ,而 不 需要 修改 每 个 网 页 。 

。 提高 网 页 显示 的 速度 。 如 果 样 式 写 在 网 页 里 ,会 降低 网 页 显示 的 速度 ,如 果 网 页 引 
用 一 个 CSS 文件 ,这 个 CSS 文件 多 半 已 在 缓存 区 ,网 页 显示 的 速度 就 比较 快 。 

4. 使 用 @import 指令 引入 外 部 CSS 文件 

使 用 @ import 声明 可 以 将 一 个 外 部 CSS 文件 输入 到 另外 一 个 CSS 文件 中 。 格 式 

如 下 : 


<style type = "text/css"> 
@import ”CSS 文件 的 URI 
</style> 


例如 : 


<style type = "text/css"> 
= 
@ import url (http://www.ccut. edu.cn/style. css) 
@ import url (/css/style.css) 
body { background: red ;color:green} 
= 
</style> 


5. 样式 表 的 优先 级 顺序 

样式 表 允 许 以 多 种 方式 定义 样式 信息 。 样 式 可 以 定义 在 单个 的 HTML 标签 内 部 、 
HTML 页 的 二 head 二 标签 内 部 、 或 在 一 个 外 部 CSS 文件 中 。 甚 至 可 以 在 同一 个 HTML 文 
档 内 部 引用 多 个 外 部 样式 表 。 

当 同 一 个 HTML 元 素 被 不 止 一 个 样式 定义 时 ,会 使 用 哪个 样式 呢 ? 

一 般 而 言 ,所 有 的 样式 会 根据 下 面 的 规则 层 释 于 一 个 新 的 虚拟 样式 表 中 ,它们 的 优先 顺 
序 如 下 : 

(1) 浏览 器 默认 (Browser Default) ,优先 级 最 低 。 

(2) 外 部 样式 表 (Extenal Style Sheet)。 

(3) 内 部 样式 表 (Internal style sheet ,位 于 一 head 二 标签 内 部 ) 。 

(4) 内 榜样 式 (Inline style, 在 HTML 元 素 内 部 ) ,优先 级 最 高 。 

内 贬 样 式 拥 有 最 高 的 优先 权 , 样 式 的 优先 级 依次 是 内 内 、 内 部 、 外 部 、 浏 览 器 默认 。 

假设 内 赃 样 式 中 有 font-size:30pt, 而 内 部 样式 中 有 fontrsize:12pt' 那 么 内 能 样式 就 会 
覆盖 内 部 样式 。 

例如 : 

<HIML> 


<HEAD> 
<TITLE> Cascading Order </title> 
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上 述 代 码 中 ,段落 标记 过 p 过 的 内 嵌 样 式 覆 盖 了 内 部 样式 表 , 因 此 ,显示 的 字体 大 小 是 
30pt', 而 不 是 12pt 。 


3.3 CSS 基本 语法 


3.3.1 样式 规则 的 基本 结构 


一 个 样式 (Style) 的 基本 结构 由 三 部 分 组 成 : 选择 器 (Selector) 、 属 性 (Property)、 属 性 
值 (Value)。 其 格式 为 : 


selector: 当 定 义 一 条 样式 规则 时 ,必须 指定 这 条 规则 作用 的 HTML 元 素 。 
property: 指定 要 被 修改 的 样式 风格 的 名 称 , 即 CSS 属性 。 

value: 属性 property 的 值 。 

例如 : 


这 里 ,p 就 是 选择 器 ; color 就 是 属性 ; blue 就 是 属性 值 。 

HTML 中 所 有 的 标签 都 可 以 作为 选择 器 。 如 果 想 在 Style 中 定义 多 个 属性 ,两 个 属性 
之 间 必须 用 分 号 加 以 分 隔 。 

例如 : 


为 了 提高 Style 代码 的 可 读 性 ,也 可 以 分 行 写 : 


当 多 个 选择 器 都 有 相同 的 属性 和 属性 值 时 ,可 以 将 多 个 选择 器 之 间 用 逗号 分 隔 。 下 面 
的 例子 是 将 所 有 正文 标题 (<<hl 之 到 二 h6 二 ) 的 字体 颜色 都 变 成 红色 。 


为 了 方便 理解 CSS 代码 ,还 可 以 写 CSS 代码 注释 。CSS 代码 注释 以 /* 开头 ,以 */ 


3.3.2 CSS 选择 器 


HTML 页 面 中 的 标记 都 是 通过 不 同 的 CSS 选择 器 去 控制 的 。 每 条 CSS 规则 都 至 少 包 
含 一 个 选择 器 。 常 用 的 CSS 选择 器 主要 包括 以 下 几 种 : 

。 HTML 标签 选择 器 ; 

。 类 选择 器 ; 

。 id 选择 器 ; 

。 伪 类 选择 器 

。 派生 选择 器 。 

下 面 分 别 介绍 这 几 种 选择 器 ,以 及 它们 使 用 的 优先 级 。 

1. HTML 标签 选择 器 

一 个 HTML 页 面 由 很 多 不 同 的 标签 组 成 ,标签 选择 器 直接 声明 哪些 标签 采用 哪 种 
CSS 样式 。 格 式 如 下 : 
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2. 类 选择 器 

在 同一 HTML 文档 中 , 当 同 一 标签 需要 使 用 不 同 的 样式 ,或 同一 样式 被 不 同 标签 使 用 
时 ,需要 用 到 类 选择 器 。 例 如 , 当 显 示 论 文 的 摘要 和 正文 时 ,需要 用 到 不 同 的 字体 ,但 两 者 可 
能 都 使 用 了 二 p 二 标签 ,如 果 仅 使 用 简单 的 标签 选择 器 , 则 无 法 区 别 对 待 不 同 部 分 的 段落 样 
式 , 而 类 选择 器 则 很 好 地 解决 了 这 个 问题 。 

(1) 定义 Class selector 的 格式 为 : 
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(2) 引用 Class selector 的 格式 为 : 


下 面 按 两 种 不 同 使 用 情况 分 别 举例 (注意 ,类 名 是 可 以 任意 定义 的 )。 
@ 同一 标签 需要 使 用 不 同 的 样式 。 
例如 ,段落 二 p 之 有 两 种 样式 : 一 种 是 居中 对 齐 ; 另 一 种 是 居 右 对 齐 。 定 义 样式 如 下 : 


其 中 right 和 center 就 是 两 个 class。 引 用 这 两 个 class 的 示例 代码 如 下 : 


@ 同一 样式 被 不 同 标签 使 用 。 
例如 ,直接 用 *. ”加 上 类 名 作为 一 个 选择 器 。 代 码 如 下 : 


这 种 通用 的 Class Selector 没有 HTML 标签 的 限制 ,可 以 用 于 不 同 的 标签 。 


3. id 选择 器 

id 选择 器 可 以 为 标 有 特定 id 的 HTML 元 素 指定 特定 的 样式 。 在 同一 个 HTML 页 面 
中 ,id 是 唯一 的 ,只 能 定义 一 次 。 如 果 多 次 使 用 同一 个 id 名 称 , 会 导致 与 其 他 要 求 唯一 id 
的 应 用 程序 发 生 冲突 。 因 此 ,与 类 选择 器 不 同 ,在 一 个 HTML 文档 中 ,id 选择 器 会 使 用 一 
次 ,而 且 仅 一 次 。 

要 定义 一 个 id 选择 器 ,要 在 id 名 称 前 加 一 个 "并 ”号 。 

(1) 定义 id 的 格式 为 : 


(2) 引用 id 的 格式 为 : 


例如 : 


4. 伪 类 选择 器 

有 一 些 特殊 的 HTML 元 素 可 以 拥有 不 同 的 状态 。 例 如 ,用 于 定义 超 链接 的 二 a 二 标签 
就 可 以 处 于 “未 被 访问 "“ 已 被 访问 过 "“ 鼠 标 甚 浮 其 上 "等 几 种 状态 。 

对 于 这 种 元 素 ,CSS 使 用 伪 类 选择 器 来 给 其 不 同 的 状态 定义 样式 。 

伪 类 选择 器 的 格式 为 : 


常用 的 伪 类 如 下 : 

。 Al:link 超 链接 的 正常 状态 (没有 任何 动作 前 ); 
。 A:visited 访问 过 的 超 链 接 状 态 ; 

。 A:hover 光标 移动 到 超 链 接 上 的 状态 ; 

。 A:active 选中 超 链 接 时 的 状态 ; 

。P:first-line 段落 中 的 第 一 行文 本 ; 

。 P:first-letter 段落 中 的 第 一 个 字母 。 

例如 : 


此 外 ,还 有 一 种 方式 ,就 是 伪 类 可 以 与 CSS 类 配合 使 用 。 其 格式 为 : 
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注意 : 由 于 CSS 优先 级 的 关系 (后 面 比 前 面 的 优先 级 高 ) ,在 写 二 a 盖 的 CSS 代码 时 ,一 
定 要 按照 a:link、a:visited、a:hover、a:actived 的 顺序 书写 。 

5. 派生 选择 器 

派生 选择 器 允许 根据 文档 的 上 下 文 关系 来 确定 某 个 标签 的 样式 。 通 过 合理 地 使 用 派生 
选择 器 ,可 以 使 HTML 代码 变 得 更 加 整洁 (有 的 资料 也 叫 上 下 文选 择 器 、 关 联 选 择 器 、 后 代 
选择 器 .父子 选择 器 等 ) 。 

如 果 想 对 特定 HTML 元 素 中 的 子 元 素 设 定 样式 ,这 时 就 可 以 使 用 派生 选择 器 。 格 式 


说 明 : 父 元 素 和 子 元 素 之 间 用 空格 隔 开 ,甚至 子 元 素 后 面 还 可 以 有 孙子 元 素 。 它 们 从 
左 往 右 ,依次 细 化 ,最 后 锁定 要 控制 的 元 素 标签 。 
例如 : 


上 述 代码 中 ,为 柑 入 二 p 二 元素 中 的 子 元 素 二 em 二 定义 了 样式 : p em{color: red)。 

在 这 里 ,p em 就 叫做 Contextual Selector, 表 示 在 二 p 二 里 面 定 义 了 一 个 用 em 标记 的 
样式 , 即 {color: red}。 因 此 ,只 有 在 二 p 二 里 面 用 二 em 二 /em> 标 记 的 字体 才 是 红色 ,而 
去 h3 二 中 用 二 em> 志 /em> 标 记 的 字 却 不 是 红色 。 

再 看 看 下 面 的 CSS 规则 ， 


下 面 是 它 施加 影响 的 HTML 语句 : 


6. CSS 选择 器 的 优先 级 次 序 

一 般 而 言 ,CSS 选择 器 越 特殊 , 它 的 优先 级 越 高 。 选 择 器 指向 的 越 准确 , 它 的 优先 级 就 
越 高 。 因 此 ,通常 选择 器 的 优先 级 是 : 

派生 选择 器 > ID 选择 器 二 类 选择 器 > HTML 标签 选择 器 


3.3.3 样式 规则 的 继承 


样式 规则 的 继承 是 指骨 套 的 HTML 子 元 素 会 继承 外 层 的 父 元 素 所 设置 的 样式 规则 。 
例如 ,有 这 样 的 CSS 规则 : 
< style TYPE = "text/css"> 
body { font - family: Verdana，sans 一 serif; } 
pi{ font— family: Times, "Times New Roman", serif; } 
</style> 


根据 上 面 的 第 一 条 规则 ,页面 二 body 过 元 素 内 的 所 有 子 元 素 将 使 用 Verdana 字体 ( 假 
如 系统 中 存在 该 字体 的 话 ) ,也 就 是 说 ,这 些 子 元 素 将 继承 父 元 素 王 body 二 所 拥有 的 一 切 属 
性 ( 子 元 素 诸 如 p, td, ul, ol, li, dl, dt 和 dd 等 ) , 子 元 素 的 子 元 素 也 一 样 。 但 是 ,假如 希 
望 段落 的 字体 是 Times ,那么 就 创建 一 个 针对 p 的 特殊 规则 ( 即 第 二 条 规则 ) ,这 样 它 就 会 
摆脱 父 元 素 的 规则 。 


3.4 常见 的 样式 属性 


常见 的 样式 属性 包括 字体 ,文本 .背景 .边框 , 边 距 .列表 样式 .定位 属性 等 。 下 面 对 这 些 
属性 进行 简要 介绍 。 
1. 字体 属性 
CSS 字体 属性 定义 文本 的 字体 系列 、 大 小 、 加 粗 、 风 格 ( 如 斜体 ) 等 ,如 表 3-1 所 示 。 
表 3-1 CSS 字体 属性 


属 性 描 述 
font 可 设置 字体 的 所 有 属性 
font-family 设置 字体 系列 
font-size 设置 字体 的 尺寸 
font-style 设置 字体 风格 , 取 值 为 normal/italic/oblique 
font-variant 字体 变 体 , 取 值 为 normal/small-caps 
font-weight 设置 字体 的 粗细 ,默认 为 normal 
2. 文本 属性 


CSS 文本 属性 可 定义 文本 的 外 观 。 通 过 文本 属性 ,可 以 改变 文本 的 颜色 、 字 符 间距 、 对 
齐 文 本 、 装 饰 文本 、 对 文本 进行 缩 进 等 ,如 表 3-2 所 示 。 

3. 背景 属性 

CSS 允许 应 用 纯色 作为 背景 ,也 允许 使 用 背景 图 像 创 建 复杂 的 效果 。CSS 的 背景 属性 
如 表 3-3 所 示 。 


击 避 溃 
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表 3-2 CSS 文本 属性 


color 设置 文本 颜色 text-align 文本 对 齐 

direction 设置 文本 方向 vertical-align 文本 的 垂直 对 齐 方式 
line-height 设置 行 高 letter-spacing 设置 字符 间距 
text-indent 文本 首 行 缩 进 word-spacing 设置 字 间 距 
text-decoration 设 定 文本 划 线 


表 3-3 CSS 背景 属性 


属 性 描 述 属 性 描 述 
background-color 设 定 背 景 颜色 background-attachment 图 片 是 否 跟 随 内 容 滚动 
background-image 设 定 背 景 图 片 background-position 背景 图 片 的 最 初 位 置 
background-repeat 背景 图 片 是 否 重复 background 可 设置 背景 的 所 有 相关 属性 

4. 边框 属性 


通过 使 用 CSS 边框 属性 ,可 以 在 文本 周围 创建 出 效果 出 色 的 边框 ,并 且 可 以 应 用 于 任 
何 元 素 。 元 素 的 边框 就 是 围绕 元 素 内 容 和 内 边 距 的 一 条 或 多 条 线 。 每 个 边框 有 三 个 方面 : 
宽度 .样式 以 及 颜色 ,如 表 3-4 所 示 。 
表 3-4 CSS 边框 属性 


属 性 描 述 属 性 描 述 
border-style 设 定 上 下 左右 边框 的 风格 border-color 设 定 上 下 左右 边框 的 颜色 
border-width 设 定 上 下 左右 边框 的 宽度 border 可 设置 边框 的 所 有 属性 

5. 边 距 属性 


边 距 属性 设置 页 面 中 一 个 元 素 所 占 空 间 的 边缘 到 相 邻 元 素 之 间 的 距离 ,如 表 3-5 所 示 。 
表 3-5 CSS 边 距 属性 


margin-left 设 定 左边 距 的 宽度 margin-bottom 设 定 下 边 距 的 宽度 
margin-right 设 定 右 边 距 的 宽度 margin 可 以 设置 上 下 左右 边 距 的 属性 
margin-top 设 定 上 边 距 的 宽度 


例 3-2 设置 元 素 的 上 下 左右 边 距 ( 宽 度 相 同 )。 


<HIML> 
<HEAD> 
<TITLE> CSS 边 距 属性 margin </TITLE> 
<STYLE type = "text/css"> 
.D1{border:1px solid #FF0000;} 
.D2{border:1px solid gray;} 
.D3{margin:1cm;border:1px solid gray;} 
</STYLE> 
</HEAD > 


在 浏览 器 中 打开 后 的 效果 如 图 3-3 所 示 。 


四 Y 信 认 设 是 边 宇 用 性 (margin)， 仅 设置 了 边框 属性 


(bor 


下 面 的 div 设 置 了 边 距 属性 (margin)， 边 距 为 lem， 表 示 上 
下 左右 的 边 距 都 为 lcm。 


margin 设 为 lem 


EI TE 
图 3-3 设置 元 素 的 上 下 左右 边 距 
6. 列表 样式 属性 
CSS 列表 样式 属性 可 以 放置 .改变 列表 项 标志 ,或 将 图 像 作 为 列表 项 标志 ,如 表 3-6 所 示 。 
表 3-6 CSS 列表 样式 属性 


属 性 描 述 属 性 描述 
list-style-type 设置 列表 样式 类 型 list-style-image 设置 列表 样式 图 片 
liststyle-position 设置 列表 样式 位 置 list-style 设置 列表 样式 的 所 有 属性 


例如 , 设 定 列表 样式 相关 属性 的 代码 如 下 : 
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<body> 
<ul><1li> 茶 </1i><1i> 咖 啡 </1i><1i> 可 乐 </1i></ul > 
</body > 
</html > 


7. 间隙 属性 
间隙 属性 (Padding) 是 用 来 设置 元 素 内 容 到 元 素 边界 的 距离 ,如 表 3-7 所 示 。 
表 3-7 CSS 间隙 属性 


属 性 描 述 属 性 描 ” 述 
padding-left 设 定 左 间隙 的 宽度 margin-bottom 设 定 下 间隙 属性 
padding-right 设 定 右 间隙 的 宽度 Padding 同时 设 定 上 下 左右 间隙 属性 
padding-top 设 定 上 间隙 属性 


例如 ,可 以 为 上 下 左右 间隙 设置 相同 的 宽度 。 代 码 如 下 : 
.dl {padding: 1cm} 

也 可 以 分 别 设置 间 际 ,顺序 是 上 、 右 、 下 、 左 。 代 码 如 下 : 
,dl {padding:1cm 2cm 3cm 4cm} 


表示 上 间隙 为 lem, 布 间 际 为 2cm, 下 间 际 为 3cm , 左 间隙 为 4cm。 
8. 定位 属性 
CSS 定位 (Positioning) 属性 可 以 对 元 素 进行 定位 。 利 用 这 些 属性 ,可 以 定义 元 素 的 位 
置 . 可 见 性 、 移 动 元 素 . 堆 秋元 素 等 。 定 位 的 基本 思想 很 简单 ,就 是 允许 定义 元 素 框 相对 于 其 
正常 位 置 的 定位 ,或 相对 于 父 元 素 、. 另 一 个 元 素 甚 至 浏览 器 窗口 本 身 的 位 置 , 如 表 3-8 所 示 。 
表 3-8 CSS 定位 属性 


属 性 描 述 
position 定义 元 素 的 定位 方式 (absolute/fixed/relative/ static/inherit) 
top 定义 元 素 的 顶部 边缘 (元 素 顶 部 的 垂直 位 置 
right 定义 元 素 的 右边 缘 
bottom 定义 元 素 的 底部 边缘 
left 定义 元 素 的 左边 缘 ( 元 素 左 边 的 水 平 位 置 ) 
overflow 设置 当 元 素 的 内 容 溢出 其 区 域 时 发 生 的 事情 
clip 设置 元 素 的 形状 , 即 规定 一 个 元 素 的 可 见 尺寸 
vertical-align 设置 元 素 的 垂直 对 齐 方式 
z-index 设 秆 元 素 的 堆 释 顺序 


3.5 CSS 盒子 模式 


互联 网 上 的 大 部 分 网 页 都 采用 一 种 * 块 ? 状 结构 ,这 些 块 之 间 可 以 相互 内 套 ,通过 * 块 ”的 
排列 与 定位 实现 网 页 的 总 体 布 局 。 这 种 块 状 布局 通常 不 是 用 传统 的 表格 来 排版 ,而 是 采用 


DIV 来 进行 编排 ,这 就 是 CSS 盒子 模式 (Box Model) 。 

传统 的 表格 排版 是 通过 大 小 不 一 的 表格 和 表格 嵌 套 来 定位 排版 网 页 内 容 , 改 用 CSS 排 
版 后 ,就 是 通过 由 CSS 定义 的 大 小 不 一 的 盒子 和 盒子 嵌 套 来 编排 网 页 。 这 种 方式 排版 可 以 
实现 网 页 内 容 与 表现 的 分 离 ,使 得 网 页 代码 简洁 .更 新 方便 ,能 兼容 更 多 的 浏览 器 。 

那么 如 何 理解 CSS 盒子 模式 呢 ? 在 网 页 设计 中 ,常用 的 属性 有 内 容 (Content) ,填充 
(Padding) .边框 (Border) 、 边 距 (Margin) 等 ,CSS 盒子 模式 都 具备 这 些 属性 。 在 日 常生 活 中 
所 见 的 盒子 也 具有 这 些 属性 。 例 如,“ 内 容 ” 就 是 盒子 中 装 的 东西 ; 而 “填充 "就 是 怕 东 西 损 
坏 而 添加 的 泡沫 等 抗震 辅料 ;有 的 也 叫 * 间 隙 ”;“ 边 框 ?就 是 盒子 本 身 ;“ 边 距 " 则 说 明 盒子 
摆 放 时 彼此 间 要 保留 一 定 空 阶 。 在 网 页 设计 上 ,“ 内 容 ” 常 指 文字 、 图 片 等 元 素 。“ 填 充 ”" 只 有 
宽度 属性 ,可 以 理解 为 生活 中 盒子 里 的 抗震 辅料 厚度 。“ 边 框 " 有 大 小 和 颜色 之 分 ,可 以 理解 
为 生活 中 盒子 的 厚度 以 及 使 用 的 颜色 材料 。 边 距 就 是 该 盒子 与 其 他 东西 要 保留 多 大 距离 。 

假设 在 一 个 平面 上 ,把 不 同 大 小 和 颜色 的 盒子 ,以 一 定 的 顺序 和 间 院 摆 放 好 ,看 到 的 就 
是 如 图 3-4 所 示 的 一 个 盒子 (Box) 。 盒 子 由 里 向 外 依次 是 content\padding .border ,margin。 

CSS 将 所 有 的 HTML 块 元 素 看 成 是 一 个 盒子 ， 
每 个 盒子 都 由 以 下 部 分 组 成 : 

。 内 容 : 所 有 HTML 元 素 的 内 容 , 如 文本 和 图 
片 。 内 容 区 域 的 宽 和 高 用 width 和 height 属性 来 
表示 。 

。 间隙 : 设置 元 素 内 容 到 元 素 边框 的 距离 , 即 围 
绕 content 提供 的 空白 。 

。 边框 : 设 定 一 个 元 素 的 边线 。 

。 边 距 : 设置 一 个 元 素 所 占 空 间 的 边缘 到 相 邻 元 素 之 间 的 距离 。 

基于 盒子 模型 ,CSS 提供 了 很 多 手段 以 控制 盒子 的 显示 和 排列 方式 。 在 网 页 中 看 到 的 
“ 块 ”多数 对 应 于 HTML 的 “* 块 元 素 ", 如 一 p>.<div 过 等。 其中, 王 div 之 在 网 页 布局 中 用 
的 最 多 。 

现在 来 看 一 个 用 二 div 二 定义 的 、 典 型 的 版 面 分 栏 结构 , 即 页 涉 、 导 航 栏 、 内 容 及 版 权 , 代 
码 如 下 : 


图 3-4 CSS 盒子 模型 


< body> 

< div id = "header"></div> 
<div id= "nav"></div> 

< div id = "content"></div> 
<div id= "footer"></div> 
</body> 


上 述 代码 中 ,4 个 用 <<div 之 定义 的 块 就 是 盒子 。 和 希望 这 4 个 盒子 等 宽 , 并 从 上 到 下 整齐 
排列 ,然后 在 整个 页 面 居中 对 齐 。 为 了 方便 控制 ,把 这 4 个 盒子 装 进 一 个 更 大 的 盒子 
过 body 之 。 要 让 最 外 边 的 大 盒子 在 页 面 居 中 ,并 定义 其 宽度 为 760 像素 ,同时 加 上 边框 , 那 
么 它 的 样式 是 : 


刊 用 CSS 布局 网 页 
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为 了 简单 起 见 , 页 头 的 整个 区 块 采 用 了 一 幅 背 景 图 ,并 在 下 边界 设 定 间隙 ,这 样 使 得 页 
头 的 图 像 不 和 下 面 的 导航 栏 连 在 一 起 。 其 样式 代码 为 : 


导航 栏 做 成 一 个 个 小 按钮 ,鼠标 移 上 去 会 改变 按钮 背景 色 和 字体 色 , 这 些小 小 按钮 又 可 
以 理解 为 小 盒子 ,如 此 一 来 就 是 一 个 盒子 嵌 套 问题 了 ,样式 代码 如 下 : 


内 容 部 分 主要 放 入 文章 内 容 , 有 标题 和 段落 ,标题 加 粗 ,段落 自动 实现 首 行 缩 进 2 个 字 ， 
同时 所 有 内 容 要 和 外 层 大 盒子 边框 有 一 定 距 离 , 这 里 用 padding。 样 式 代码 为 ; 


版 权 栏 采 用 了 一 个 纯色 的 背景 与 页 头 相映 ,里 面 文字 自动 居中 对 齐 , 有 多 行内 容 时 , 行 
间距 合适 。 样 式 代码 如 下 : 


最 后 回 到 样式 开头 ,大 家 会 看 到 这 样 的 样式 代码 : 


这 是 用 了 通配符 初始 化 各 标签 的 边 距 和 间隙 ,就 不 用 对 每 个 标签 加 以 这 样 的 控制 ,在 一 
定 程度 上 简化 了 代码 。 
最 终 完 成 的 CSS 样式 代码 如 下 : 


页 面 的 结构 代码 如 下 : 
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<p> Copyright &copy;2006 — 2008 Tang Guohui. All Rights Reserved</p> 
</div> 
</body> 


运行 上 述 例 子 , 得 到 的 运行 结果 如 图 3-5 所 示 。 


http://localhost:4437/WebSite1/HTMLPage.htm - Windows Internet Explorer 


Ko http: /focalhost: 4437 /WebSel/HTM Page.htm Sls x se 
文件 (E) ”编辑 (E) 查看 WW) 收 若 天 (a) 工具 (D 帮助 (H) 
这 收藏 赤 。 赔 http:jllocalhost:4437/Web5keliHTMLPage htm 


前 
第 一 段 内 容 
理解 CSS 盒 子 模式 
弟 二 段 内 容 


3-5 ”典型 的 版 面 分 栏 结构 


3.6 习题 与 上 机 练习 


1. 选择 题 
(1) 下 面 说 法 错误 的 是 (。”)。 
A. CSS 样式 表 可 以 将 格式 和 结构 分 离 
B. CSS 样式 表 可 以 控制 页 面 的 布局 
C. CSS 样式 表 可 以 使 许多 网 页 同时 更 新 
D. CSS 样式 表 不 能 制作 体积 更 小 下 载 更 快 的 网 页 
(2) 若 要 在 网 页 中 插入 样式 表 main. css, 以 下 用 法 正确 的 是 ( Ys 
A. =Link href="main. css" type= text/css rel=stylesheet> 
B. 一 Link Src 一 "main. css" type= text/css rel=stylesheet> 
C. =<Link href="main. css" type= text/css> 
D. 二 Include href="main. css" type= text/css rel= stylesheet> 
(3) 引用 外 部 样式 表 的 格式 是 ( ) 。 
A. 二 style src 一 "mystyle. css"> 
B. 二 link rel="stylesheet" type= "text/css" href="mystyle. css"> 
C. <stylesheet>mystyle. css< /stylesheet> 


(4) 引用 外 部 样式 表 的 元 素 应 该 放 在 ( Ys 


A. HTML 文档 的 开始 位 置 B. HTML 文档 的 结束 位 置 
C. 在 head 元 素 中 D. 在 body 元 素 中 
(5) 下 列 ( ) 是 定义 样式 表 的 正确 格式 。 
A. {body:color=black;} B. body:color= black 
C. body {color: black)} D. {body;color:black} 


(6) 如 果 要 在 不 同 的 网 页 中 应 用 相同 的 样式 表 定 义 , 应 该 ( ja 
A. 直接 在 HTML 的 元 素 中 定义 样式 表 
B. 在 HTML 的 二 head 过 标记 中 定义 样式 表 
C. 通过 一 个 外 部 样式 表 文 件 定义 样式 表 
D. 以 上 都 可 以 
(7) 样式 表 定 义 #title {color:red) 表示 ( hs 
A. 网 页 中 的 标题 是 红色 的 
B. 网 页 中 某 一 个 id 为 title 的 元 素 中 的 内 容 是 红色 的 
C. 网 页 中 元 素 名 为 title 的 内 容 是 红色 的 
D. 以 上 任意 一 个 都 可 以 
(8) 下 列 ( ) 是 css 正确 的 语法 构成 。 


A. body:color= black B. {body;color:black} 

C. body {color: black;)} D. {body:color= black(body} 
2. 案例 分 析 题 
(1) 解释 以 下 CSS 样式 的 含义 。 
table 


{ 
border: lpx #333 solid; 
font: 12px arial; 
width: 500px 
} 
td, th 
{ 
padding: 5px; 
border: 2px solid # EFEE; 
border - bottom— color: #666; 
border - right ~ color: #666; 
上 


(2) 解释 以 下 CSS 样式 的 含义 。 


form 

{ 
border:1px dotted # AAAAAA; 
padding:3px 6px 3px 6px; 
margin: 0px; 
font:14px Arial; 
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select 
{ 

width:80px; 

background — color: # ADD8E6; 
} 


(3) 写 出 下 列 要 求 的 CSS 样式 表 。 

Q@ 设置 页 面 背景 图 像 为 login_back. gif ,并且 背景 图 像 垂 直 平 铺 。 

@ 使 用 类 选择 器 ,设置 按钮 的 样式 ,按钮 背景 图 像 为 login_submit. gif; 字体 颜色 为 
#FFFFFFF; 字体 大 小 为 14px; 字体 粗细 为 bold; 按钮 的 边界 .边框 和 填充 均 为 0px。 
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JavaScript 是 一 种 解释 型 脚本 语言 ,其 最 初 设计 目的 是 在 HTML 网 页 中 增加 动态 效果 
和 交互 功能 。 随 着 Web 技术 的 发 展 ,JavaScript 与 其 他 技术 相 结 合 ,产生 了 客户 端 与 服务 器 
端 异步 通信 的 AJAX 技术 ,为 用 户 提供 更 加 丰富 的 上 网 体验 。 本 章 主 要 讲解 JavaScript 语 
法 及 对 象 化 编程 等 基础 知识 ,后 续 的 章节 将 专门 讲解 AJAX 技术 。 


4.1 JavaScript 概述 


4.1.1 什么 是 JavaScript 


JavaScript 最 初 由 Netscape 公司 创造 ,起 名 LiveScript, 后 来 改名 为 JavaScript。 主 要 
用 于 客户 端 脚本 编程 ,通常 嵌入 在 HTML 网 页 中 ,由 浏览 器 解释 和 运行 。 

JavaScript 与 Java 类 似 , 都 有 分 支 .循环 等 控制 结构 及 异常 处 理 机 制 。 还 具有 基于 对 象 
(Object Based) 和 事件 驱动 (Event Driven) 的 特性 ,可 以 通过 文档 对 象 模型 (DOMD) 访 问 浏 览 
器 及 页 面 中 的 各 个 对 象 ,捕获 对 象 的 特定 事件 并 编写 代码 处 理事 件 。 

JavaScript 可 以 实现 的 基本 功能 如 下 : 

1. 控制 文档 的 外 观 和 内 容 

通过 Document 对 象 的 write 方法 可 以 在 浏览 器 解析 文档 时 将 HTML 写 入 文档 中 ; 也 
可 以 在 页 面 加 载 后 ,通过 文档 对 像 模 型 ,找到 页 面 中 的 某 个 元 素 动态 改变 其 内 容 和 外 观 。 

2. 验证 表单 输入 内 容 

在 客户 端 验证 表单 中 的 输入 ,避免 向 服务 器 提交 非法 数据 ,节约 服务 器 资源 。 

3. 实现 客户 端的 计算 和 处 理 

直接 从 表单 中 读 取 客 户 端的 输入 ,并 进行 相应 计算 。 

4. 设置 和 检索 Cookie 

将 用 户 名 、 账 号 等 用 户 的 特定 信息 持久 地 保存 于 Cookie 中 ,在 用 户 下 一 次 访问 网 站 时 ， 
自动 地 读 取 这 些 信息 ,并 根据 这 些 信息 实现 个 性 化 定制 。 

5. 捕捉 用 户 事件 并 相应 地 调整 页 面 

根据 键盘 或 鼠标 的 动作 ,使 页 面 的 某 一 部 分 变 得 可 编辑 ,或 改变 其 显示 样式 。 

6. 在 不 离开 当前 页 面 的 情况 下 与 服务 器 端 应 用 程序 进行 交互 

这 是 AJAX 的 基础 ,可 以 用 于 填充 选项 列表 、 更 新 数据 以 及 刷新 显示 .并 且 不 需要 重新 
载 人 页 面 。 


4.1.2 在 网 页 中 嵌入 JavaScript 脚本 
与 其 他 脚本 语言 一 样 ,JavaScript 程序 不 能 独立 运行 ,只 有 把 它 嵌 和 到 HTML 网 页 中 
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才能 运行 。 引 入 JavaScript 脚本 的 方式 有 如 下 三 种 : 
1. 在 HTML 文档 中 直接 嵌入 脚本 程序 
可 以 使 用 二 script 二 标记 ,将 JavaScript 脚本 块 嵌 入 HTML 页 面 中 。 用 法 如 下 : 


< script type = "text/javascript"> 
JavaScript 脚本 块 ; 
</script > 


JavaScript 脚本 块 可 以 放 在 HTML 页 面 中 的 任何 位 置 ,但 通常 放 在 一 head 之 标记 内 ， 
因为 这 样 在 页 面 装 载 前 脚本 已 经 加 载 完 成 ,页 面 中 可 以 随时 调用 , 若 放 在 一 body 之 内 , 则 可 
能 出 现 页 面 中 调用 脚本 而 脚本 代码 尚未 加 载 从 而 出 错 的 情况 。 

例 4-1 在 HTML 中 嵌入 JavaScript 脚本 (04-01. html)。 


< html > 

<head> 
< script type = "text/javascript"> 
document. write ("Hello，world!") // 直接 在 页 面 中 显示 提示 信息 
alert("Hello, world!") // 弹出 对 话 框 显示 提示 信息 
</script> 

</head > 

<body> 

</body > 

</html > 


上 述 代 码 中 ,document. write() 是 文档 对 象 的 输出 函数 ,其 功能 是 将 括号 中 的 内 容 输出 
到 页 面 中 ; alert() 是 窗口 对 象 的 方法 ,用 于 弹出 一 个 对 话 框 。 值 得 注意 的 是 二 /script 二 中 
的 代码 区 分 大 小 写 。 例 如 ,将 document. write() 写 成 Document. write() ,程序 将 无 法 正确 执行 。 
上 述 程序 的 运行 结果 如 图 4-1 所 示 。 
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图 4-1 在 HTML 中 嵌入 JavaScript 脚本 


2. 在 HTML 文档 中 链接 脚本 文件 

为 了 便于 项 目 开发 ,通常 将 JavaScript 代码 保存 到 扩展 名 为 js 的 文件 中 ,这 样 这 些 代码 
就 可 以 被 多 个 HTML 文件 引用 。 在 二 script 二 标记 中 使 用 src 属性 可 以 导入 外 部 脚本 文件 
中 的 代码 ,格式 如 下 : 


<html> 


< script type = "text/javascript”src= "文件 名 .js"></script > 
</html > 


例 4-2 在 HTML 中 链接 外 部 脚本 文件 (04-02. html) 。 


<html > 
<head > 
< script src = "test01. js" type = "text/javascript"></script > 
</head> 
<body > 
</body > 
</html > 


其 中 ,脚本 文件 test01.js 的 内 容 如 下 : 


document. write("Hello，world!") ; 
alert("Hello, world!"); 


该 页 面 的 显示 效果 与 例 4-1 完全 相同 。 

3. 在 HTML 标记 内 嵌入 JavaSeript 代码 

可 以 在 HTML 标记 中 嵌入 JavaScript 脚本 代码 ,以 便 响应 相关 事件 。 例 如 , 单 击 页 面 
中 的 一 个 按钮 ,弹出 alert 对 话 框 。 

例 4-3 在 HTML 标记 中 租 和 人 JavaScript 脚本 并 执行 (04-03. html) 。 

< html > 

<head><title> 在 标记 内 添加 脚本 测试 </title> </head> 

<body> 

<button onClick = "alert(' 这 是 标记 内 的 脚本 ! ')"> 在 标记 内 添加 脚本 测试 </button > 


</body > 
</html > 


在 button 标记 的 onClick 属性 中 直接 写 了 一 句 JavaScript 代码 , 当 单 击 该 按钮 时 将 触 
发 执行 该 代码 。 
4.1.3 使 用 JavaScript 输入 与 输出 信息 

在 JavaScript 中 ,常用 的 字符 串 输入 输出 方法 有 document 对 象 的 write 方法 、window 
对 象 的 alert 方法 ,文本 框 及 消息 输入 框 等 息 框 包括 确认 框 、 提 示 框 等 。 

1. 利用 document 对 象 的 write 方法 输出 字符 串 

其 功能 是 向 页 面 输出 文本 ,具体 格式 为 : 


document. write(" 待 输出 的 字符 串 "); 


2. 利用 window 对 象 的 alert 方法 输出 字符 串 
其 功能 是 弹出 一 个 带 “ 确 定 ” 按 钮 的 对 话 框 ,并 显示 要 输出 的 字符 串 , 具 体格 式 为 : 


window. alert (" 待 输出 的 字符 串 "); 
或 简写 为 : 
alert (" 待 输 出 的 字符 串 "); 


3. 使 用 确认 框 
当 需 要 确认 或 者 接受 某 项 操作 时 ,通常 使 用 JavaScript 弹出 一 个 确认 框 ,用 户 必须 单 和 
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“确定 ”或 “取消 "按钮 才能 继续 。 
例 4-4 确认 框 示例 (04-04. html) 。 


当 单 击 * 测 试 "按钮 时 将 调用 test 两 数 ,从 而 弹出 确认 框 ,如 pgyppyy 
图 4-2 所 示 。 在 确认 框 中 单 击 “ 确 定 ” 按 钮 时 ,将 返回 True, 而 单 “> 
击 “ 取 消 ” 按 钮 时 将 返回 False, 根 据 返 回 值 可 以 决定 下 一 步 的 操作 。 
4. 使 用 提示 输入 框 
程序 中 有 时 要 弹出 一 个 输入 框 ,提示 用 户 输入 一 段 文本 ,这 
可 以 使 用 window 对 象 的 prompt 方法 来 实现 ,格式 如 下 : 图 4-2 确认 框 示例 


例 4-5 提示 输入 框 示例 (04-05. html) 。 


单 击 “ 测 试 "按钮 ,将 弹出 如 图 4-3 所 示 的 输入 框 。promt 方法 的 第 一 个 参数 代表 提示 
信息 ,第 二 个 参数 代表 默认 的 输入 值 。 


4-3 提示 输入 框 示例 


4.2 JavaScript 基本 语法 


同 其 他 计算 机 语言 一 样 ,JavaScript 有 它 的 基本 数据 类 型 .运算 符 、 表 达 式 及 流程 控制 
语句 等 。 
4.2.1 数据 类 型 

JavaScript 中 可 以 使 用 如 下 4 种 基本 数据 类 型 : 

。 string( 字 符 串 ) 类 型 : 是 用 单 引号 或 双 引 号 括 起 来 的 一 个 或 几 个 字符 。 

。 number( 数 值 ) 类 型 : 可 以 是 整数 或 浮 点 数 。 


。 boolean( 布 尔 ) 类 型 : 值 为 true 或 false。 
。 object( 对 象 ) 类 型 : 用 于 定义 对 象 。 


4.2.2 变量 

JavaScript 是 一 种 弱 类 型 语言 ,并 不 要 求 一 定 要 对 变量 进行 声明 。 为 了 避免 混淆 ,最 好 
养 成 声明 变量 的 习惯 。 在 JavaScript 中 ,用 关键 字 var 来 声明 变量 ,语法 如 下 : 

var 变量 名 1， 变 量 名 2，… ， 变 量 名 n 

声明 中 仅仅 指定 了 变量 名 ,在 为 变量 赋值 时 系统 会 自动 判断 类 型 并 进行 转换 。 这 也 意 
味 着 在 程序 执行 过 程 中 ,程序 员 可 以 根据 需要 随意 改变 某 个 变量 的 数据 类 型 。 

例如 : 


var test; // 声明 变量 

var level = 10, amount = 100; // 变量 声明 的 同时 进行 初始 化 . 
test = 100; // 为 变量 赋 整 数值 

test = "Hello" // 为 变量 赋 字 符 串 值 


如 果 在 声明 时 没有 对 变量 进行 初始 化 ,变量 将 自动 取 值 undefined。 
此 外 ,JavaScript 还 提供 了 强制 类 型 转换 函数 ,常用 的 有 Number 函数 和 String 函数 。 
例如 : 


Number(ch) // 将 字符 型 数据 "ch" 转 换 为 数值 型 
String(x); // 将 数值 型 数据 x 转换 为 字符 型 

变量 名 区 分 大 小 写 , 且 必须 符合 如 下 的 命名 规则 : 

。 首 字符 可 以 是 字母 .美元 符号 ($ ) 以 及 下 划 线 (_) ,但 不 能 是 数字 。 
。 后 续 字 符 可 以 由 字母 .数字 .下 划 线 、 美 元 符号 组 成 。 

。 不 能 使 用 JavaScript 保留 的 关键 字 , 如 var,for 等 。 


4.2.3 运算 符 和 表达 式 
JavaScript 中 ,构成 表达 式 的 主要 元 素 是 运算 符 , 根 据 运算 符 可 以 将 表达 式 分 为 算术 表 
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达 式 ,关系 表达 式 和 逻辑 表达 式 等 ,这 些 表达 式 可 以 共同 构成 一 个 复合 表达 式 。 


表 4-1 所 示 为 将 运算 符 


按 从 高 到 低 优先 级 进行 排列 的 列表 。 
表 4-1 JavaScript 的 运算 符 


描述 符 号 说 明 
括号 Cx Lx] 中 括号 只 用 于 指明 数组 的 下 标 
求 反 —x 返回 x 的 相反 数 

外 未 返回 与 x (布尔 值 ) 相 反 的 布尔 值 
自考 和 二 不 x 值 加 1, 但 仍 返 回 原来 的 x 值 

十 十 x x 值 加 1, 返回 后 来 的 x 值 
自流 x 一 一 x 值 减 1, 但 仍 返 回 原来 的 x 值 

二 一生 x 值 减 1, 返 回 后 来 的 x 值 

X 关 了 返回 x 乘 以 y 的 值 
算术 x/y 返回 x 除 以 y 的 值 

x%y 返回 x 与 y 的 模 (x 除 以 y 的 余数 ) 
运算 x 十 y 返回 x 加 y 的 值 

x—y 返回 x 减 y 的 值 


关系 x<y,x>y 
x<==y,x>=y 


符合 条 件 时 返回 true, 否 则 返回 false 


运算 x 一 一 y,x! 一 y 
xcy 位 与 : 当 两 个 数位 同时 为 1 时 ,返回 1, 其 他 情况 都 为 0 
位 运算 | x^y 位 异 或 : 两 个 数位 中 有 且 只 有 一 个 为 0 时 ,返回 0, 和 否则 返回 1 
xly 位 或 : x 或 y 为 1 则 返回 1; 当 x 和 y 均 为 0 时 返回 0 
逻辑 运算 x&&y 当 x 和 y 同 时 为 true 时 返回 true, 和 否则 返回 false 
x||y 当 x 和 y 任 一 个 为 true 时 返回 true; 两 者 均 为 false 时 返回 false 
条 件 运 算 | c? x:y 当 条 件 e 为 true 时 返回 x, 否 则 返回 y 
x=y 把 y 的 值 赋 给 x, 返 回 所 赋 的 值 
赋值 光宇 x 与 y 相 加 ,将 结果 赋 给 x, 返 回 赋值 后 的 x 值 
x 一 一 y x 与 y 相 减 ,将 结果 赋 给 x, 返 回 赋值 后 的 x 值 
ee x# 一 了 x 与 y 相 乘 ,将 结果 赋 给 x, 返 回 赋值 后 的 x 值 
运算 x/=y x 与 y 相 除 ,将 结果 赋 给 x, 返 回 赋值 后 的 x 值 
x%=y x 与 y 求 余 , 将 结果 赋 给 x, 返 回 赋值 后 的 x 值 
字符 串 ey 将 2 个 字符 串 拼接 起 来 当 字符 串 与 数字 一 起 执行 "十 "运算 时 ,实际 上 
连接 也 是 执行 连接 运算 。 例 如 ,x = "5" 十 5, 结 果 x 的 值 为 字符 串 "55" 


位 运算 符 通 常 被 当做 逻辑 运算 符 来 使 用 。 它 的 实际 运算 情况 是 ,把 两 个 操作 数 ( 即 x 
和 y) 化 成 二 进 制 数 ,对 每 个 数位 执行 运算 后 ,得 到 一 个 新 的 二 进 制 数 。 通 常 ， 真 ” 值 是 全 部 
数位 为 1 的 二 进 制 数 ,而 * 假 值 则 全 部 数位 为 0, 所 以 位 运算 符 可 以 充当 逻辑 运算 符 。 


4.2.4 流程 控制 


JavaScript 提供 了 多 种 方式 实现 选择 、 循 环 等 流程 控制 。 


1. 选择 结构 


JavaScript 使 用 if-else 语句 或 switch 语句 来 实现 选择 结构 的 流程 控制 。 


if-else 语句 的 格式 如 下 


例如 : 


上 述 代码 根据 当前 时 间 进 行 判断 ,然后 在 浏览 器 中 显示 相应 的 问候 语 。 
JavaScript 的 计 语 句 也 支持 戏 套 ,其 语法 与 Java 完全 一 样 ,这 里 不 再 详细 说 明 。 
switch 语句 用 于 多 路 选择 控制 ,格式 如 下 : 


执行 中 ,系统 先 对 switch 后 面 的 expr 求 值 ,然后 用 该 值 与 各 case 后 的 表达 式 值 作 比 
较 。 若 与 某 case 相 匹 配 , 则 执行 该 case 后 面 的 代码 段 ; 车 所 有 case 表达 式 都 不 匹配 , 则 执 
行 default 后 的 默认 代码 段 。 执 行 完 一 个 代码 段 后 ,通常 使 用 break 语句 跳出 选择 结构 。 

例 4-6 多 路 选择 结构 (switch 语句 ) 示 例 (04-06. html) 。 
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2. 循环 结构 

JavaScript 提供 了 如 下 三 种 循环 控制 语句 : 

1) while 语句 

while 循环 是 当 满足 指定 条 件 时 ,不 断 地 重复 执行 循环 体 。 语 法 格式 如 下 : 


例如 ,下面 的 程序 实现 1 一 100 的 累加 。 


2) do-while 语句 

do-while 循环 是 while 循环 的 一 种 变 体 , 首 先 执行 循环 体 , 青 判 断 条 件 表达 式 , 如 果 条 
件 表达 式 的 值 为 真 , 则 继续 执行 循环 体 , 否 则 退出 循环 。 也 就 是 说 ,循环 至 少 执行 一 次 。 其 
语法 格式 是 : 


用 do-while 形式 改写 上 面 的 累加 和 程序 ,代码 如 下 : 


3) for 语句 
for 语句 格式 如 下 : 


例如 ,改写 上 面 的 累加 和 程序 如 下 : 


同 其 他 的 程序 设计 语言 一 样 ,分 支 和 循环 都 可 以 内 套 。 请 看 如 下 的 示例 。 
例 4-7 打印 乘法 口诀 表 (04-07. html) 。 


1#2=2 2+2=4 
1#3=3 2+3=6 3+3=9 


1#4=4 2+d4=8 3*4=12 4#4=16 

1*5=5 2+5=10 3+5=15 4*5=20 5+5=25 

1*6=6 2+6=12 3+6=18 4+6=24 5+6=30 6*6=36 

1*7=7 2+7=14 3*7=21 4#*7=28 5+7=35 6*7=42 7*#7=49 

1#8=8 2+8-16 3+8-24 4#+8-32 5+8=40 6+8-48 7#8=56 8+8-64 

1*9=9 2#+9=18 3*9=27 4#+9-36 5+9=45 6#+9-54 7#+9=63 8*9=72 9*9=8] . 
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4) break 语句 和 continue 语句 

在 循环 中 经 常用 到 break 语句 和 continue 语句 ,说 明 如 下 : 

。 break 语句 ; 出 现在 循环 语句 块 或 switch 语句 块 内 ,用 于 强行 跳出 循环 或 switch。 
在 幅 套 循环 中 ,break 语句 只 跳出 当前 循环 体 ,并 不 跳出 整个 幅 套 循环 。 

。 continue 语句 : 用 在 循环 结构 中 ,作用 是 跳 过 循环 体内 剩余 的 语句 而 直接 进入 下 一 
次 循环 。 

例如 : 


上 述 程序 的 作用 是 求 1,2,…,100 中 的 奇数 和 。 循 环 条 件 设 置 为 永 真 ,唯一 能 跳出 循环 
的 方法 是 当 这 100 时 执行 break 语句 。 如 果 i 为 偶数 , 则 执行 continue 语句 跳 过 尚未 执行 
的 累加 语句 ; 如 果 i 为 奇数 , 则 执行 累加 语句 。 


4.2.5 函数 


函数 是 已 命名 的 代码 块 ,其 中 的 语句 作为 一 个 整体 被 调用 执行 。 

1. 定义 函数 

函数 定义 通常 放 在 HTML 文档 的 二 head 二 块 中 ,也 可 以 放 在 其 他 位 置 ,但 要 确保 先 定 
义 后 使 用 。JavaScript 中 定义 函数 的 一 般 形 式 如 下 : 


说 明 : 函数 名 是 调用 函数 时 所 引用 的 名 称 , 在 同一 个 JavaScript 脚本 文件 里 函数 名 必 
须 唯 一 。 形 式 参数 表 用 以 接收 传 入 数据 ,在 调用 函数 时 ,其 实 参 的 个 数 和 类 型 必须 与 形 参 相 一 
致 。 大 括号 中 是 函数 的 执行 语句 ,如 果 要 返回 一 个 值 , 则 应 该 在 最 后 一 行使 用 return 语句 。 
例如 ,下 面 的 函数 用 于 计算 n 的 阶乘 : 


2. 调用 函数 

有 两 种 方式 来 调用 函数 : 一 是 语句 调用 ; 二 是 事件 调用 。 
1) 语句 调用 

在 程序 语句 中 调用 函数 的 形式 如 下 : 


说 明 : 实际 参数 应 与 定义 函数 时 的 形式 参数 一 一 对 应 ,如 果 定 义 的 时 候 没 有 参数 , 则 调 
用 的 时 候 也 不 用 参数 ,但 括号 不 能 省 略 。 
例 4-8 ”函数 的 语句 调用 (04-08. html) 。 


当 被 调 函 数 有 返回 值 时 ,使 用 如 下 格式 调用 : 


例 4-9 有 返回 值 函 数 的 调用 (04-09. html) 。 


2) 事件 调用 

在 网 页 中 经 常 要 捕获 某 些 事件 ,由 事件 触发 调用 指定 的 函数 。 例 如 , 当 单 击 某 按钮 时 调 
用 某 函 数 ,或 当 鼠 标 指针 指向 某 对 象 时 调用 某 函 数 。 

例 4-10 ”函数 的 事件 调用 (04-10. html)。 
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程序 运行 结果 如 图 4-5 所 示 。 当 用 户 单 击 页 面 中 的 按钮 时 ,就 会 调用 showmessage 函 


数 ,弹出 一 个 消息 框 。 


4-5 ”函数 的 事件 调用 


3. 变量 的 作用 域 

在 函数 之 外 定义 的 变量 为 全 局 变量 ,可 在 各 个 函数 之 间 共 享 。 在 函数 内 部 使 用 var 声 
明 的 变量 为 局 部 变量 ,只 在 当前 函数 内 部 有 效 ; 但 那些 在 函数 内 部 没有 用 var 声明 的 变 
量 , 在 赋值 后 也 会 被 当做 全 局 变量 使 用 。 

例如 : 


上 述 代码 中 ,函数 inc 的 内 部 没有 用 var 声明 变量 y, 当 inc 函数 执行 完 后 ,局 部 变量 y 
变 成 了 一 个 全 局 变量 , 它 的 值 仍然 存在 ,所 以 inc(x) 十 y 的 值 是 8。 但 是 ,如 果 将 inc(x) 十 y 
改 成 y 二 inc(x) ,就 会 发 生 错 误 , 因 为 y 会 先 被 引用 到 ,此 时 y 还 没有 被 声明 ,所 以 产生 错误 。 


4.2.6 异常 处 理 


在 程序 运行 过 程 中 ,引起 错误 发 生 通常 有 两 种 情况 : 一 是 程序 内 部 的 逻辑 或 语法 错误 ， 
二 是 运行 环境 或 用 户 输入 了 不 可 预知 的 数据 。 前 者 称 为 错误 (Error), 可 通过 调试 程序 来 解 
决 ; 后 者 则 常 被 称 为 异常 (Exception) 。 因 此 ,异常 并 不 等 价 于 错误 ; 相反 .有 时 还 可 利用 异常 
来 解决 一 些 问题 。JavaScript 可 以 捕获 异常 并 进行 相应 处 理 , 从 而 避免 了 浏览 器 向 用 户 报错 。 


1. 使 用 try-catch-finally 处 理 异 常 
使 用 try-catch-finally 结构 处 理 可 能 发 生 异 常 的 代码 ,格式 如 下 : 


try 块 用 于 捕获 异常 , 当 块 中 某 一 行 代码 抛 出 异常 时 ,该 行 后 面 的 代码 将 不 再 被 执行 ， 
转 而 执行 catch 块 的 代码 ,在 这 里 处 理 异常 。 若 后 面 还 有 finally 块 , 则 不 管 try 块 中 是 否 有 
异常 产生 ,都 要 执行 finally 块 中 的 语句 。 

catch 和 finally 块 都 是 可 以 省 略 的 ,但 至 少 要 保留 其 中 之 一 与 try 块 结合 使 用 。 

在 catch 块 中 ,括号 中 的 参数 e 表示 捕获 到 的 异常 对 象 实例 ,包含 异常 的 详细 信息 ,可 
以 在 这 里 根据 不 同 的 异常 类 型 进行 不 同 的 处 理 。 

finally 块 中 的 语句 始终 会 被 执行 ,通常 做 一 些 最 后 的 清理 工作 。 如 果 在 try 块 中 遇 到 
return 等 流程 跳 转 语句 ,要 跳出 异常 处 理 , 程 序 的 流程 也 会 先 执行 finally 中 的 代码 ,然后 再 
进行 跳 转 。 

如 果 在 一 个 异常 处 理 语句 中 ,只 包含 try-finally 语句 而 没有 处 理 异 常 的 catch 语句 , 则 
在 try 中 抛 出 异常 后 会 直接 执行 finally 块 的 语句 ,最 后 再 将 异常 向 上 抛 出 。 

例 4-11 使 用 try-catch-finally 处 理 异常 (04-11. html) 。 
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程序 运行 结果 如 图 4-6 所 示 。 


ry-catch-finally 处 理 异 党 -Io| x 


SO [ehocahostivas s+) x | 


出 现 了 异常 
异常 类 型 ，T 
异常 消息 : 允 术 不 芝 竺 此 属性 式 方 法 


异常 处 理 完毕 ! 


图 4-6 使 用 try-catch-finally 处 理 异常 


2. 使 用 throw 语句 抛 出 异常 

前 面 的 示例 用 try-catch 结构 处 理 了 系统 内 置 的 异常 类 型 ,有 时 开发 人 员 想 抛 出 自 定 义 
的 异常 类 型 ,以 达到 控制 程序 流 并 产生 精确 异常 消息 的 目的 ,需要 使 用 throw 语句 ,基本 格 
式 如 下 : 


Exception 就 是 要 抛 出 的 异常 值 ,可 以 是 字符 串 .整数 . 迎 辑 值 或 对 象 。 
例 4-12 使 用 throw 语句 抛 出 异常 示例 (04-12. html)。 


该 代码 块 用 于 对 一 个 输入 的 数值 进行 验证 , 若 大 于 10, 则 抛 出 字符 串 "Errl", 若 小 于 0， 
则 抛 出 字符 串 "Err2"; 在 catch 块 中 可 以 判断 抛 出 的 异常 ,并 显示 相应 的 提示 信息 。 


4.2.7 JavaScript 事件 处 理 


在 客户 端 脚本 中 ,JavaScript 通过 事件 响应 来 获得 与 用 户 的 交互 。 例 如 , 当 用 户 单 击 一 
个 按钮 或 在 某 段 文字 上 移动 鼠标 时 ,就 触发 了 一 个 单 击 事件 或 鼠标 移动 事件 ,通过 对 这 些 事 
件 的 响应 ,可 以 完成 特定 的 功能 (如 单 击 按钮 时 弹出 对 话 框 ,鼠标 移动 到 文本 上 时 文本 变 
色 等 )。 

1. 基本 概念 

JavaScript 是 基于 对 象 的 语言 ,其 基本 特征 就 是 事件 驱动 (Event Driven) 。 通 常 把 鼠标 
或 热 键 的 动作 称 为 事件 (Event) ,把 由 事件 引发 的 一 连 串 程序 的 动作 称 为 事件 处 理 , 对 事件 
进行 处 理 的 程序 或 函数 ,被 称 为 事件 处 理 程序 。 

JavaScript 对 事件 的 处 理 通 常 由 函数 完成 ,前 面 已 经 学 习 过 如 何 由 事件 触发 调用 处 理 
函数 。 通 常 浏览 器 会 默认 定义 一 些 通用 的 事件 处 理 程 序 , 以 便 响 应 那些 最 基本 的 事件 。 例 
如 , 单 击 超 链 接 的 默认 响应 就 是 装 入 并 显示 目标 页 面 , 单 击 表单 提交 按钮 的 默认 响应 就 是 将 
表单 提交 到 服务 器 等 。 虽 然 如 此 ,要 实现 动态 的 .具有 交互 功能 的 页 面 , 经 常 要 自 定义 事件 
处 理 函 数 ,这 样 可 以 让 页 面 完成 定制 的 处 理 功 能 。 

2. JavaScript 标准 事件 

JavaScript 针对 文档 .表单 .图像 . 超 链接 等 对 象 定义 了 若干 个 标准 事件 ,同时 针对 常用 
的 HTML 标记 定义 了 事件 处 理 属性 ,以 便 指 定 事件 处 理 代 码 。 下 面 简要 介绍 一 些 常 用 的 
JavaScript 事件 。 

1) onload 和 onUnload 事件 

当 用 户 进 入 页 面 时 ,会 触发 onload 事件 ; 当 退 出 一 个 页 面 时 ,会 触发 onUnload 事件 。 
若 在 body 标记 的 onload 或 onUnload 属性 中 设 定 了 事件 处 理 程序 , 则 页 面 加 载 和 退出 时 会 
自动 执行 该 程序 代码 。 请 看 如 下 代码 : 


<body onLoad = "alert('Welcome to JavaScriptworld! ');" > 
// 页 面 代 码 
</body > 


这 样 ,每 次 进入 该 页 面 时 都 会 自动 弹出 Welcome to JavaScriptworld! 消息 框 。 

2) onClick 事件 

当 用 户 单 击 按钮 或 超 链 接 时 ,就 触发 了 onClick 事件 ,由 onClick 属性 指定 的 事件 处 理 
程序 将 被 调用 。 例 如 : 


<button name= "buttonl" onClick = "btnlClick();"> click me</button> 


这 样 , 当 用 户 单 击 该 按钮 时 ,会 自动 调用 btnlClick 函数 。 

3) onFocus、onBlur 和 onChange 事件 

这 三 个 事件 通常 与 输入 元 素 (text\textarea 及 select 等 ) 配 合 使 用 。 当 某 元 素 获 得 焦点 
时 触发 onFocus 事件 , 当 元素 失 去 焦点 时 将 触发 onBlur 事件 , 当 元 素 失去 焦点 且 内 容 被 改 
变 时 ,将 触发 onChange 事 件 。 这 三 个 事件 经 常 配合 使 用 来 验证 表单 输入 的 内 容 。 

例如 : 


JavaScript 客户 庙 编 程 


击 会 蛋 


ASP, NET Web 应 用 开发 技术 


< input type = "text" id= "email" onchange = "checkEmail()" /> 


这 样 , 当 email 输入 框 的 值 改变 时 ,会 自动 调用 checkEmail 也 数 来 验证 输入 是 否 合法 。 

4) onMouseOver 和 onMouseOut 事件 

当 鼠 标 移 向 某 个 对 象 时 将 触发 onMouseOver 事件 , 当 鼠 标 移 出 某 个 对 象 时 将 触发 
onMouseOnut 事件 ,这 两 个 事件 通常 用 来 为 页 面 对 象 创建 一 些 动态 效果 。 请 看 如 下 代码 : 


<a href ="#" onmouseover = "alert( 'An onMouseOver event') ;return false"> Click Me</a> 


当 鼠 标 指向 超 链接 时 ,就 会 弹出 一 个 消息 框 。 

5) onSubmit 事件 

当 表 单 提交 时 ,会 触发 该 事件 。 经 常 要 在 表单 提交 以 前 验证 所 有 的 输入 域 , 以 保证 数据 
的 正确 性 ,这 时 就 可 以 使 用 onSubmit 事件 。 

请 看 如 下 代码 : 


< form method = "post" action = "xxx.aspx" onsubmit = "return checkForm()"> 
// 表单 内 容 
</form> 


当 用 户 单 击 表单 中 的 确认 按钮 时 ,checkForm 函数 就 会 被 调用 。 假 车 域 的 值 无 效 ,此 次 
提交 就 会 被 取消 。checkForm 函数 的 返回 值 是 True 或 者 False。 如 果 返 回 值 为 True, 则 提 
交 表 单 , 反 之 取消 提交 。 

关于 更 多 JavaScript 事件 驱动 的 知识 ,读者 可 查阅 相关 书籍 。 


4.3 JavaScript 对 象 编 程 


面向 对 象 技术 是 当前 软件 开发 的 主流 方向 , JavaScript 也 支持 面向 对 象 编程 。 在 
JavaScript 中 可 以 定义 类 ,并 创建 对 象 实例 ,也 可 以 使 用 JavaScript 内 建 的 类 和 对 象 ,还 可 以 
访问 浏览 器 及 文档 对 象 模型 中 的 对 象 。 可 以 说 ,JavaScript 为 对 象 化 编程 提供 了 强大 的 
支持 。 

JavaScript 对 象 可 以 是 一 段 文字 一 幅 图 片 一 个 表单 (Form) 等 ,可 以 从 属性 方法 两 个 
方面 来 描述 对 象 。 属 性 反映 对 象 某 些 特定 的 性 质 , 如 字符 串 的 长 度 、 图 像 的 长 宽 , 文 本 框 
(Textbox) 里 的 文字 等 ; 方法 指 对 象 可 以 执行 的 行为 (或 可 以 完成 的 功能 ) ,如 String 对 象 的 
toUpperCase 方 法 可 以 将 所 有 字符 转换 为 大 写 。 要 引用 对 象 的 某 一 “性 质 ” ,应 使 用 “二 对 象 
名 二 . 去 性 质 名 之 ”这 种 写法 。 

本 节 主 要 介绍 JavaScript 内 置 对 象 的 使 用 ,以 及 浏览 器 对 象 .文档 对 象 模型 中 的 对 象 使 
用 ; 关于 自 定 义 类 和 对 象 的 方法 ,请 参阅 相关 书籍 。 


4.3.1 常用 JavaScript 对 象 


1. String 对 象 
字符 串 是 JavaScript 的 一 种 基本 的 数据 类 型 ,声明 一 个 String 对 象 的 最 简单 方法 就 是 


直接 赋值 。 
例如 : 


var s = "JavaScript" 


String 类 只 有 一 个 常用 属性 , 即 Length 属性 ,返回 字符 串 长 度 。 
String 类 的 常用 方法 如 表 4-2 所 示 。 


表 4-2 String 类 的 常用 方法 


方法 描述 
charAtO) 返回 在 指定 位 置 的 字符 
concat() 连接 字符 串 
indexOf() 检索 字符 串 
lastIndexOfO 从 后 向 前 搜索 字符 串 
match() 找到 一 个 或 多 个 正则 表达 式 的 匹配 
replace() 替换 与 正则 表达 式 匹 配 的 子 串 
search() 索 与 正则 表达 式 相 匹配 的 值 
split() Ff 串 分 割 为 字符 串 数 组 
substr() 


toLowerCase() 


toUpperCase() 


请 看 如 下 代码 : 


var msg = "Hello" + "World" ; 


从 起 始 索引 号 提取 字符 串 中 指定 数目 的 字符 


// "+ "用 于 字符 串 , 可 以 实现 字符 串 拼接 


var msg = concat("Hello", "World"); // 和 上 名 等 效 


document. writeln( msg. length ) 
var idx = msg. indexOf ("World" 


’ // 输出 字符 串 的 长 度 10 
) // 在 字符 串 中 检索 子 串 出 现 的 位 置 ,这 里 为 5 


// 截取 从 第 5 个 字符 往 后 到 第 10 个 字符 之 间 的 所 有 字符 ,为 World 
document. writeln( msg. substring(idx, 10) ); 
document. writeln(msg. toUpperCase( ) ); // 输出 为 "HELLOWORLD" 


2. Array 对 象 


Array 为 数组 对 象 , 可 以 在 单个 变量 中 存储 多 个 值 。 


通常 使 用 如 下 方法 来 创建 和 


var mycars = new Array(); 
mycars[0] = "BMW"; 
mycars[1] = "AUDI"; 
var yourcars = new Array(3); 


访问 数组 : 


// 创建 数组 对 象 ,可 以 不 用 指定 元 素 个 数 
// 为 数组 元 素 赋值 


// 创建 数组 对 象 并 指定 元 素 个 数 


var hiscars = new Rrray("Buick"，"Benz"，"Volvo"); // 创建 数组 对 象 并 同时 赋值 


for (x in mycars) 
{ 
document. write(mycars[x] 


同样 ,数组 对 象 也 有 length 


// 遍历 数组 元 素 ,x 能 得 到 元 素 下 标 


+ "<br />") // 输出 数组 元 素 


属性 ,用 于 设置 或 返回 数组 中 的 元 素 个 数 。 
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数组 的 常用 方法 如 表 4-3 所 示 。 
表 4-3 数组 的 常用 方法 


方 ”法 描 述 

concat() 连接 两 个 或 更 多 的 数组 ,并 返回 结果 

join() 把 数组 的 所 有 元 素 放 入 一 个 字符 串 。 元 素 通过 指定 的 分 隔 符 进 行 分 隔 
sort() 对 数组 的 元 素 进 行 排序 

reverse() 颠倒 数组 中 元 素 的 顺序 

shift() 删除 并 返回 数组 的 第 一 个 元 素 

pop() 删除 并 返回 数组 的 最 后 一 个 元 素 
例如 : 


var arrl = new Array("Tom", "Jerry") 

var arr2 = new Array("Bingo") 

var arr = arrl.concat(arr2); // 连接 两 个 数组 ,生成 新 的 数组 

document. write(arr. join(”| ")); // 将 arr 中 的 元 素 拼接 成 字符 串 , 使 用 “1” 分 隔 
arr = new Array(7, 5, 3, 8, 6); 

document. write(arr. sort()); // 对 数组 元 素 进行 排序 


3. Date 对 象 
Date 对 象 用 于 表示 日 期 和 时 间 ,通过 它 可 以 进行 一 系列 与 日 期 ,时间 有 关 的 操作 。 
可 以 使 用 如 下 方法 创建 Date 对 象 ,并 为 其 赋 以 日 期 和 时 间 值 。 


var d = new Date(); // 创 建 日 期 对 象 
d. setFullYear(2011,11,1); // 赋 日 期 值 
d. setHours(9, 58, 58, 0); // 赋 时 间 值 


document. write(d. getYear() + "一 "+ d.getMonth() + "-" + d.getDate()); // 输 出 日 期 
document. write("< br>”+ d. toLocaleDateString()); // 显示 为 2011 年 12 月 1 日 星期 四 
需要 注意 的 是 , 当 为 Date 对 象 设置 日 期 时 ,月 份 可 接收 的 数值 为 0 一 11 ,代表 1 一 12 
月 ; 所 以 这 里 设置 月 份 值 为 11 时 ,实际 上 作为 12 月 处 理 。 
Date 对 象 的 常用 方法 如 表 4-4 所 示 。 
表 4-4 Date 对 象 的 常用 方法 


方 ”法 描 述 
Date() 返回 当日 的 日 期 和 时 间 
getDate() 从 Date 对 象 返回 一 个 月 中 的 某 一 天 (1 一 31) 
getDay() 从 Date 对 象 返回 一 周 中 的 某 一 天 (0 一 6) 
getMonth() 从 Date 对 象 返回 月 份 (0 一 11) 
getFullYear() 从 Date 对 象 以 四 位 数字 返回 年 份 
getHours() 返回 Date 对 象 的 小 时 (0 一 23) 
getMinutes() 返回 Date 对 象 的 分 钟 (0 一 59) 
getSeconds() 返回 Date 对 象 的 秒 数 (0 一 59) 
setDate() 设置 Date 对 象 中 月 的 某 一 天 (1 一 31) 


setMonth() 设置 Date 对 象 中 月 份 (0 一 11) 


续 表 


方 ”法 描 述 
setFullYear() 设置 Date 对 象 中 的 年 份 (4 位 数字 ) 
setHours() 设置 Date 对 象 中 的 小 时 (0 一 23) 
setMinutes() 设置 Date 对 象 中 的 分 钟 (0 一 59) 
setSeconds() 设置 Date 对 象 中 的 秒 钟 (0 一 59) 
setTime() 以 毫秒 设置 Date 对 象 


若 只 是 创建 Data 对 象 而 不 为 其 赋值 , 则 可 从 中 获得 当前 的 日 期 和 时 间 。 
例 4-13 Date 对 象 使 用 (时 钟 显示 )(04-13. html) 。 


4. Math 对 象 

Math 对 象 用 于 执行 一 些 数学 计算 任务 ,该 对 象 不 需 创 建 , 可 以 直接 使 用 。 

JavaScript 提供 了 8 个 可 被 Math 对 象 访问 的 算术 值 , 如 自然 对 数 e、 圆 周 率 x 等。 可 以 
通过 Math 对 象 的 属性 访问 ,如 Math. E、Math. PI。 

另外 ,调用 Math 对 象 的 方法 可 以 实现 一 些 常用 的 数学 计算 。 

例如 : 
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var rnd val = Math. round(sqrt val); // 对 5 的 平方 根 取 整 
document .write("PI=" + pi val + "<br/>"); 

document. write("sin(PI) =" + sin val + "<br/>"); 

document. write("sqrt(5) =" + sqrt val + "<br/>"); 

document. write("round(sqrt(5)) =" + rnd val + "<br/>"); 


4.3.2 浏览 器 宿主 对 象 


浏览 器 作为 JavaScript 的 运行 环境 ,提供 了 一 系列 的 宿主 对 象 ; 通过 这 些 对 象 ， 
JavaScript 可 以 获取 浏览 器 的 信息 ,并 控制 浏览 器 执行 指定 的 操作 。 这 些 对 象 包括 
window ,navigator screen \history location document 等 。 它 们 的 关系 如 图 4-7 所 示 。 


window 
I 
| | | 


| frames location document history navigator screen 


图 4-7 浏览 器 宿主 对 象 关系 


可 以 看 出 ,window 是 一 个 顶层 的 对 象 ,其 他 对 象 都 包含 在 window 内 部 ,通过 window 
可 以 访问 到 其 他 对 象 ; document 是 最 重要 的 一 个 对 象 ,包含 了 很 多 与 HTML 元 素 相关 的 
成 员 ,可 以 访问 加 载 到 浏览 器 中 的 HTML 文档 ,并 且 可 以 实现 动态 控制 。 

1. window 对 象 

window 对 象 表示 浏览 器 中 打开 的 窗口 。 如 果 文 档 包含 框架 (frame 或 iframe) ,那么 浏 
览 器 会 为 HTML 文档 创建 一 个 window 对 象 ,并 为 每 个 框架 创建 一 个 额外 的 window 
对 象 。 

window 作为 顶层 对 象 ,在 访问 它 的 属性 和 方法 时 ,一 般 无 须 指定 对 象 名 。 例 如 ,下 面 
两 个 调用 是 完全 等 价 的 : 


window. alert( "欢迎 进入 JavaScript!") ; 
alert(" 欢迎 进入 JavaScript!") ; 


使 用 window 提供 的 alert、confirm、prompt 等 方法 可 以 完成 基本 的 浏览 器 交互 ,这 些 
内 容 在 前 面 已 经 学 过 ,这 里 不 再 重复 讲解 。 
使 用 window 对 象 的 open 方法 ,可 以 打开 一 个 新 的 窗口 ,语法 格式 如 下 : 


window. open( [sURL] [, sname] [, sfeatures]) ; 


说 明 : 

sURL: 打开 网 页 的 url 地 址 ,车 该 参数 缺 省 , 则 打开 空白 网 页 。 

sname: 被 打开 窗口 的 名 称 , 可 以 使 用 _top、blank、parent、self 等 内 建 名 称 , 也 可 以 
自 定 义 一 个 名 称 , 以 后 可 以 使 用 该 名 称 引 用 该 窗口 。 

sfeatures: 指定 被 打开 窗口 的 特征 ,如 窗口 的 宽度 高度 .是否 需 要 菜单 条 等 , 若 要 打开 
一 个 普通 窗口 ,可 以 忽略 该 参数 。 


例如 ,下 面 的 代码 将 打开 一 个 300X200 的 空白 窗口 ,并 且 没 有 菜单 条 和 工具 条 。 


又 如 ,下 面 的 代码 将 在 顶层 框架 中 打开 163 邮箱 首页 。 


调用 window 对 象 的 close 方法 可 以 关闭 一 个 窗口 ,代码 如 下 : 


打开 一 个 窗口 后 ,你 可 以 设置 或 移动 窗口 的 位 置 。 
例如 : 


| 


moveTo 方法 以 屏幕 左上 角 为 坐标 原点 ,将 窗口 移动 到 指定 位 置 , 两 个 偏 移 量 都 必须 为 
正 ; moveBy 方法 则 以 当前 窗口 左上 角 为 坐标 原点 ,实现 相对 偏 移 , 若 偏 移 量 为 正 , 则 向 右 、 
下 方向 移动 ,车 为 负 , 则 向 左 、 上 方向 移动 。 

使 用 resizeTo 方法 可 以 调整 窗口 的 大 小 。 


襄 


在 JavaScript 中 ,有 时 需要 以 指定 的 时 间 间 隔 反复 调用 某 函 数 ,可 使 用 window 对 象 的 
setInterval 方法 实现 。 
例如 ， 


这 将 每 隔 1 秒 钟 (1000 毫秒 ) 自动 调用 一 次 名 为 myfunction 的 函数 。 若 要 取消 该 间隔 
调用 ,可 使 用 clearInterval 方法 ,如 下 : 


有 时 用 户 希 望 窗 体 加 载 后 延迟 一 段 时 间 ,然后 执行 某 项 操作 ,这 可 通过 调用 window 对 
象 的 setTimeout 方法 来 实现 。 
例如 : 
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这 将 在 1 秒 钟 后 自动 调用 myfunction 方法 。 同 理 , 使 用 clearTimeonut 方法 可 以 取消 延 


迟 调 用 : 


window. clearTimerout( timeoutID ) ; 


除 上 面 介绍 的 方法 外 ,在 程序 中 还 经 常 访问 window 对 象 的 一 些 属性 ,如 表 4-5 所 示 。 


表 45 window 对 象 的 常用 属性 


属 性 描 述 
document，screen，history，location，navigator 等 引用 几 个 下 级 对 象 
frames 集合 对 象 ,代表 当 前 窗口 中 的 框架 集 , 从 而 可 以 
获取 并 操纵 所 有 的 子 窗口 
Opener 代表 使 用 open 方法 打开 当前 窗口 的 窗口 
self 代表 当前 窗口 
top 代表 所 有 框架 中 的 顶层 窗口 
status 代表 窗口 的 状态 栏 
XMLHttpRequest 同 服务 器 端 异步 交互 的 对 象 
例如 : 
window. location. href = "http://cn. yahoo. com"; // 当前 窗口 跳 转 到 yahoo 主页 
window. status = "欢迎 使 用 本 系统 "; // 在 窗口 状态 栏 显示 欢迎 信息 


2. location 对 象 


location 对 象 描述 的 是 浏览 器 所 打开 的 网 页 地 址 。 要 表示 当前 窗口 地 址 ,直接 使 用 
location 或 window. location 即 可 ,车 要 表示 指定 窗口 的 地 址 , 则 使 用 “窗口 名 . location” 的 


格式 。 
例如 : 


var newwin = window.open("http://localhost/login.htm", " blank") ; 
document. write( newwin. location ) ; 


使 用 location 对 象 的 属性 可 以 获取 详细 的 地 址 信息 。 


例如 : 


document. write(" 当 前 位 置 : " 
document. write(" 主 机 名 称 : " 
document. write(" 请 求 路 径 : " 
document. write(" 主 机 端口 : " 
document. write(" 请 求 字符 串 : 


+ location.href + "<br/>"); 
+ location.host + "<br/>"); 
+ location.pathname + "<br/>"); 
+ location.port + "<br/>"); 
" + location. search + "<br/>"); 


location 对 象 的 常用 方法 如 表 4-6 所 示 。 


表 4-6 location 对 象 的 常用 方法 


方 法 描 述 
assign 加 载 一 个 新 的 HTML 文档 
reload 刷新 当前 网 页 ,相当 单 击 浏览 器 的 “刷新 "按钮 
replace 打开 一 个 新 的 URL, 并 取代 历史 中 的 URL 


这 三 个 方法 的 使 用 格式 非常 简单 。 
例如 


location.assign("http://localhost/login.aspx"); 
location. replace( "http://localhost/index. html1"); 
location. reload( ); 


3. history 对 象 
history 对 象 代表 了 浏览 器 的 浏览 历史 。 鉴 于 安全 性 考虑 ,该 对 象 的 使 用 受到 了 很 多 限 
制 , 目 前 只 能 使 用 back .forward 和 go 等 几 个 方法 ,格式 如 下 : 


history. back( [num] ) // 浏览 器 后 退 n 步 
history.forward() // 浏览 器 前 进 1 步 
history.go(location) // 浏览 器 跳 转 到 指定 的 网 页 


在 go 方法 中 ,location 可 以 是 一 个 URL 字符 串 ,也 可 以 是 一 个 整数 。 若 是 字符 串 , 则 
代表 了 历史 列表 中 的 某 个 URL; 若是 整数 , 则 代表 前 进 ( 正 数 ) 或 后 退 ( 负 数 ) 的 步 数 。 若 
location 为 0, 则 刷新 当前 页 面 ,等 同 于 location. reload( ) 调 用 。 


4.3.3 DOM 对 象 


当 一 个 HTML 网 页 被 加 载 到 浏览 器 中 ,浏览 器 会 首先 解析 该 网 页 ,将 其 转换 为 文档 对 
象 模型 (Document Object Model,DOMD) ,然后 在 内 存 中 处 理 模 型 中 的 各 个 对 象 ,最 后 将 结 
果 展 示 给 用 户 。 

文档 对 象 模型 是 HTML 文档 在 内 存 中 的 表示 形式 ,定义 了 文档 的 逻辑 结构 ,以 及 一 套 
访问 和 处 理 文档 的 方法 。 浏 览 器 是 一 个 处 理 HTML 文档 的 应 用 程序 ,必须 将 文档 解析 为 
DOM 才能 够 以 编程 方式 读 取 、 操 作 和 显示 HTML 文档 。 有 了 DOM,JavaScript 就 可 以 方 
便 地 访问 页 面 元 素 ,动态 地 改变 页 面 的 外 观 和 行为 。 

在 DOM 中 ,文档 的 逻辑 结构 可 以 用 节点 树 的 形式 表述 ,如 图 4-8 所 示 。 每 个 文档 必须 
有 一 个 document 节点 (对 应 于 html 元 素 ) ,作为 树 的 根 节点 ,其 他 元 素 都 是 它 的 子 节 点 。 

1. 使 用 document 对 象 

document 对 象 代 表 窗 口中 显示 的 文档 ,使 用 window 对 象 的 document 属性 即 可 返回 
一 个 document 对 象 。 


例如 : 


window. document // 获得 当前 窗口 的 document 对 象 
thewindow. document ”// 获得 指定 窗口 中 的 document 对 象 
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document 


head body 
c= I I I ] 
title meta style form | div table P 
E I I I I 1 I I | 
checkbox| | radio | | select| | submit | | text | | password tr tr 
I T 
网 th td 
option | option| 


图 4-8 用 节点 树 的 形式 表述 文档 的 逻辑 结构 


通常 使 用 document 对 象 完成 如 下 操作 : 

(1) 开启 新 的 文档 。 

(2) 向 网 页 中 动态 写 人 内 容 。 

(3) 通过 document 获取 对 其 他 页 面 元 素 的 引用 ,进而 操作 这 些 对 象 。 

调用 document. open 方法 可 以 打开 一 个 新 窗口 ,并 加 载 一 个 新 的 文档 ,其 用 法 与 
window. open 方法 基本 类 似 。 

使 用 document. write 方法 或 document. writeln 方法 可 以 将 指定 的 字符 串 写 到 当前 文 
档 中 去 ,字符 串 中 可 以 包含 HTML 标签 ,甚至 包含 JavaScript 代码 等 。 这 两 个 方法 的 区 别 
是 ,后 者 会 在 写 完 数据 后 再 加 一 个 回 车 符 , 因 此 下 面 的 两 个 输出 语句 作用 等 价 : 


document. writeln( "Hello" ) ; 
document. write( "Hello" + "\r" ); 


由 于 在 HTML 中 , 回 车 符 通常 会 被 忽略 ,所 以 两 条 语句 的 输出 结果 差异 不 大 。 

2. 处 理 文档 中 的 元 素 

在 JavaScript 中 ,经 常 要 获得 文档 中 的 某 个 HTML 元 素 , 并 动态 改变 其 显示 内 容 。 有 
了 document 对 象 ,就 可 以 使 用 多 种 方式 获得 对 页 面 元 素 的 引用 。 

document 对 象 具有 如 表 4-7 所 示 的 集合 属性 ,可 以 获得 指定 元 素 的 集合 。 从 集合 中 再 
根据 元 素 索 引 即 可 定位 到 具体 的 元 素 。 


表 4-7 document 对 象 具有 的 集合 属性 


集 合 描述 

anchors[] 返回 对 文档 中 所 有 Anchor 对 象 的 引用 
forms[] 返回 对 文档 中 所 有 Form 对 象 的 引用 
images[] 返回 对 文档 中 所 有 Image 对 象 的 引用 
links[] 返回 对 文档 中 所 有 Link 对 象 的 引用 


例如 ,使 用 下 面 的 代码 可 以 获取 并 显示 页 面 上 图 像 的 数量 。 


document. write(" 本 文档 包含 : ”+ document. images. length + " 幅 图 像 .") 


下 面 的 代码 可 以 动态 改变 超 链接 元 素 的 显示 文本 和 链接 目标 等 属性 。 


要 访问 表单 中 的 元 素 ,通常 使 用 如 下 格式 : 


请 看 如 下 的 代码 : 


这 里 ,使 用 document. forml. tbxname 获得 了 对 姓名 输入 框 的 引用 ,并 通过 value 属性 
获得 了 其 输入 值 ; 使 用 document. forml. rbngd 将 获得 对 单 选 钮 的 引用 ,由 于 有 多 个 同名 的 
单 选 钮 存在 ,所 以 会 返回 一 个 元 素 集合 ,然后 使 用 下 标 来 指定 不 同 的 元 素 。 
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在 新 的 DOM 标准 中 ,推荐 使 用 getElementById() 和 getElementsByName() 获 取 对 页 
面 元 素 的 引用 。 前 者 要 求 被 访问 的 HTML 元 素 必须 具有 唯一 的 ID, 这 样 调用 该 方法 将 返 
回 唯 一 的 一 个 元 素 ; 后 者 将 根据 元 素 的 名 称 进行 检索 ,由 于 允许 多 个 元 素 同名 ,所 以 该 方法 
将 返回 一 个 元 素 的 集合 ,同样 使 用 下 标 来 确定 具体 的 元 素 。 

例 4-14 使 用 getElementById() 和 getElementsByName() 检 索 页 面 元 素 (04-14. html) 。 


程序 的 运行 结果 如 图 4-9 所 示 。 


姓名 ,Pa | 
爱好 ， 忆 唱歌 叮 跳 舞 区 体育 区 到 


jyu : 


4-9 例 4-14 的 运行 结果 


在 HTML DOM 模型 中 ,各 种 HTML 元 素 都 被 当做 对 象 使 用 ,关于 各 种 DOM 对 象 的 
属性 和 方法 ,请 参阅 DOM 文档 。 

在 JavaScript 中 ,不 但 可 以 访问 DOM 对 象 ,还 可 以 动态 的 创建 或 删除 DOM 对 象 ,从 而 
动态 改变 页 面 内 容 , 请 看 如 下 示例 : 


4.4 JavaScript 编程 实例 


4.4.1 表单 提交 验证 


在 应 用 系统 开发 中 ,经 常会 遇 到 对 表单 内 容 进 行 验证 的 要 求 。 例 如 ,在 用 户 注册 时 , 需 
要 对 填写 的 用 户 名 及 密码 进行 验证 。 
例 4-15 表单 提交 验证 示例 (04-15. html) 。 
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程序 运行 后 ,如 果 什 么 都 不 输入 就 直接 单 击 “ 提 交 ” 按 钮 , 则 看 到 如 图 4-10 所 示 的 结果 。 

当 姓 名 输入 空 值 或 超过 10 个 字符 时 ,会 提示 “姓名 必须 输入 1 一 10 个 字符 ”; 当年 龄 输 
入 1~100 之 外 的 值 时 提示 “年 龄 必须 是 1 一 100 之 间 的 数字 ”; 当 电邮 中 没有 @ 符 号 时 , 提 
示 “ 不 是 有 效 的 电子 邮件 地 址 ”。 


4-10 表单 提交 验证 


4.4.2 向 表格 中 动态 添加 行 


在 应 用 开发 中 ,有 时 要 输入 数据 ,并 动态 添加 到 表格 中 ,请 看 如 下 示例 。 
例 4-16 向 表格 中 动态 添加 行 (04-16. html) 。 


程序 运行 结果 如 图 4-11 所 示 , 输 入 姓名 和 电话 后 , 单 击 * 添 加 "按钮 ,输入 信息 会 自动 添 


加 到 下 面 的 表格 中 显示 。 


姓名 ”电话 
张 三 |87654321 


图 4-11 向 表格 中 动态 添加 行 


4.5 习题 和 上 机 练习 


1. 选择 题 
(1) 写 *Hello World” 的 正确 JavaScript 语法 是 ( Xs 
A. document. write(" Hello World") B. "Hello World" 
C. response. write(" Hello World") D. ("Hello World") 
(2) 下 列 JavaScript 的 判断 语句 中 ( ”) 是 正确 的 。 
A. if(i==0) B. if(i=0) 
C. if i==0 then D. if i=0 then 
(3) 下 列 JavaScript 的 循环 语句 中 ( ) 是 正确 的 。 
A. if(i<10;i 十 十 ) B. for(i=0;i<10) 
C. fori=1 to 10 D. for(i=0;i<=<=10;i 十 十 ) 
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(4) 下 列 选项 中 ,( ”) 不 是 网 页 中 的 事件 。 
A. onclick B. onmouseover 
C. onsubmit D. onpressbutton 


(5) 阅读 以 下 JavaScript 语句 : 


var al = 10; 

Var a2 = 20; 

alert("al +a2="+al+a2) 

将 显示 ( ) 中 的 结果 。 

A. al 十 a2 王 30 

B. al 十 a2 王 1020 

C. al 十 a2 王 al 十 a2 

D. 错误 的 表达 式 

(6) 某 网 页 中 有 一 个 窗 体 对 象 ,其 名 称 是 mainForm。 该 窗 体 对 象 的 第 一 个 元 素 是 按 

钮 ,其 名 称 是 myButton ,表述 该 按钮 对 象 的 方法 是 ( Ns 


A. document. forms. myButton 


B. document. mainForm. myButton 
C. document. forms[0]. element[0] 


D. 以 上 都 可 以 

(7) 在 HTML 页面 上 编写 JavaScript 代码 时 ,应 写 在 ( ) 标 签 中 间 。 
A. 二 javascript 二 和 二 /javascript 二 B. =script> 和 <=/script> 
C. =head 放 和 二 /head 放 D. 一 body 二 和 二 /body> 


(8) 在 JavaScript 浏览 器 对 象 模型 中 , window 对 象 的 ( ) 属 性 用 来 指定 浏览 器 状态 
栏 中 显示 的 临时 消息 。 
A. status B. screen 
C. history D. document 
(9) 下 列 选项 中 关于 浏览 器 对 象 的 说 法 错误 的 是 ( 混 
A. history 对 象 记录 了 用 户 在 一 个 浏览 器 中 已 经 访问 过 的 URL 
B. location 对 象 相 当 于 IE 浏览 器 中 的 地 址 栏 ,包含 关于 当前 URL 地 址 的 信息 
C. location 对 象 是 history 对 象 的 父 对 象 
D. location 对 象 是 window 对 象 的 子 对 象 
(10) 在 HTML 页 面 中 包含 一 个 按钮 控件 mybutton, 如 果 要 实现 单 击 该 按钮 时 调用 已 
定义 的 JavaScript 函数 compute, 要 编写 的 HTML 代码 是 ( jj 
A. 一 input name 一 "mybutton" type 一 "button"” onBlur 一 "compute()"value 一 "计算 "全 
B. 一 input name= "mybutton" type= "button" onFocus= "compute()"value= 
"计算 "> 
C. 一 input name= "mybutton" type= "button" onClick= "function compute()" 
value 二 "计算 "二 
D. <input name="mybutton" type= "button" onClickk="compute()"value= 


"计算 "> 


(11) 分 析 下 面 的 JavaScript 代码 段 ,输出 结果 是 ( 和 


Var mystring = "I am a student"; 
var a= mystring. substring(9,13); 
document. write(a); 


A. stud B. tuden C. uden D. udent 
(12) 在 HTML 页 面 上 , 当 按 下 键盘 的 任意 一 个 键 时 都 会 触发 JavaScript 的 ( ) 
事件 。 
A. onFocus B. onBlur 
C. onSubmit D. onKeyDown 
(13) 在 表单 (form1l) 中 有 一 个 文本 框 元 素 (fname) ,用 于 输入 电话 号 码 , 格 式 如 010 一 
82666666 ,要求 前 3 位 是 010 , 紧 接 一 个 “一 ”, 后 面 是 8 位 数字 。 要 求 在 提交 表单 时 ,根据 上 
述 条 件 验证 该 文本 框 中 输入 内 容 的 有 效 性 ,下 列 语句 中 , ) 能 正确 实现 以 上 功能 。 
A. var str= forml. fname. value; 
if(str. substr(0,4)!="010—" || str. substr(4).1length!=8 || 
is NaN(parseFloat(str. substr(4)))) 
alert(" 无 效 的 电话 号 码 1"); 
B. var str= forml. fname. value; 
if(str. substr(0,4)!="010—" B&B&. str.substr(4).length!l=8 &&. 
isNaN(parseFloat(str. substr(4)))) 
alert( "无效 的 电话 号 码 1"); 
C. var str= forml. fname. value; 
if(str. substr(0,3)!="010—" || str. substr(3). length!=8 || 
isNaN(parseFloat(str. substr(3)))) 
alert(" 无 效 的 电话 号 码 1"); 
D. var str= forml. fname. value; 
ifCstr. substr(0,4)!="010—" &.&. str. substr(4). length!l=8 &&. 
! isNaN(parseFloat( str. substr(4)))) 
alert(" 无 效 的 电话 号 码 1"); 
2. 程序 题 
(1) 写 出 下 列 程序 的 运行 结果 。 
function replaceStr( inStr, oldStr, newStr) 
, Var rep = inSstr; 
while (rep. indexOf(oldStr) > -1) 
, rep = rep.replace(oldStr, newStr); 
} 
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alert(replaceStr( "how do you do", "do", "are" )); 
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(2) 当 单 击 button 按钮 时 ,出 现 什么 结果 。 


<htm]l > 
<head> 
<title> Untitled Document </title> 
<script language = JavaScript > 
function add() 
{ 
var first = document. myForm. first. value ; 
Var second = parseInt( document. myForm. second. value); 
var third= parseInt(document. myForm. third. value); 
alert(first + second + third); 
} 
</script > 
</head> 
<body> 
<form name = "myForm"> 
< input type = text name = "first" value = "40"> 
< input type = text name = "second" value= "30"> 
< input type = text name = "third" value = "70"> 
< input type = button value = "add" onclick = add()> 
</form> 
</body > 
</html > 


(3) 补充 按钮 事件 的 函数 ,确认 用 户 是 否 退 出 当前 页 面 .确认 之 后 关闭 窗口 。 


<html> 
<head> 
< script type= "text/javascript" > 
function closeWin() 
{ 
// 在 此 处 添加 代码 


} 
</script > 
</head> 
<body> 
< input type = "button" value = "关闭 窗口 " onclick = "closeWin()"/> 
</body> 
</html > 


(4) 完成 函数 showImg, 要 求 能 够 动态 根据 下 拉 列 表 的 选项 变化 ,更 新 图 片 的 显示 。 


<body> 

< script type= "text/javascript"> 
function?? showImg (oSel) 

{ 

// 在 此 处 添加 代码 


} 
</script > 


< ijmg id= "pic" src= "imgl.jpg" width= "200" height = "200" /> 
< br /> 请 选择 栏目 
< select id= "sel" onchange = "showImg(this)"> 
< option value = "img1"> 音 乐 </option> 
< option value = "img2"> 体 育 </option> 
< option value = "img3"> 财 经 </option> 
</select > 
</body> 


3. 简 答 题 
(1) 在 页 面 中 引入 JavaScript 有 哪 几 种 方式 ? 


(2) 简要 说 明 JavaScript 的 异常 处 理 代码 结构 ,并 说 明 每 一 部 分 的 作用 。 


(3) 简 述 文档 对 象 模型 中 常用 的 查找 访问 元 素 节点 的 方法 。 
(4) 查阅 资料 ,了 解 常用 的 JavaScript 框架 有 哪些 。 
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第 5 章 ASP .NET 基础 


ASP.NET 是 在 Microsoft .NET 框架 的 基础 上 构建 .可 提供 构建 企业 级 Web 应 用 程 
序 所 需 服务 的 一 个 Web 平台 。 本 章 将 主要 介绍 Microsoft .NET 框架 ,构建 ASP.NET 的 
运行 和 开发 环境 ,以 及 如 何 编写 ASP.NET 应 用 程序 。 


5.1 Microsoft .NET 框架 


.NET 是 一 种 面向 网 络 、 支 持 各 种 用 户 终端 的 开发 平台 环境 ,其 目标 是 搭建 新 一 代 的 因 
特 网 计算 平台 ,解决 网 站 间 的 协同 合作 问题 ,从 而 最 大 限度 的 获取 信息 。 在 .NET 平台 上 ， 
不 同 网 站 间 通 过 相关 协定 联系 在 一 起 ,形成 自动 交流 ,协同 工作 ,提供 全 面 的 服务 。 

Microsoft .NET 框架 (.NET Framework) 是 一 个 集成 在 Windows 中 的 组 件 , 支 持 生 成 
和 运行 下 一 代 应 用 程序 与 XML Web Services。 

.NET Framework 具有 两 个 主要 组 件 : 公共 | 
语言 运行 时 (Common Language Runtime, CLR) 
和 .NET Framework 类 库 ( .NET Framework | 


ve | cr | ce | w 


公共 语言 规范 


. ASP. NET Windows 
Class Library) 。 Web 表 单 Web 服 务 表单 


1. 公共 语言 运行 时 | ADONET 和 XML 
CLR 是 .NET Framework 的 基础 ,为 执行 E 
.NET 脚本 语言 编写 的 代码 提供 了 一 个 运行 环境 。 
CLR 管理 .NET 代码 的 执行 ,提供 内 存 管 理 、 线 程 
管理 .代码 执行 .安全 验证 .远程 处 理 等 服务 ,并 保 

证 应 用 和 底层 操作 系统 之 间 必 要 的 分 离 。 同 时 ， 人 
CLR 使 得 开发 人 员 可 以 调试 和 进行 异常 处 理 。 要 执行 这 些 任务 ,需要 遵循 公共 语言 规范 
(Common Language Specification,CLS)。CLS 描述 了 运行 库 能 够 支持 的 数据 类 型 的 子 集 。 

在 CLR 监视 之 下 运行 的 程序 属于 受 控 代码 ,也 叫 托管 代码 (Managed Codes) ,不 在 
CLR 监视 之 下 、 直 接 在 裸 机 上 运行 的 应 用 或 组 件 叫 非 托 管 代码 (Unmanaged Codes) 。 

2. .NET Framework 类 库 

.NET Framework 类 库 是 一 个 与 CLR 紧密 集成 面向 对 象 . 可 重用 的 类 型 集合 ,是 生成 
.NET 应 用 程序 .组 件 和 控件 的 基础 。..NET Framework 可 以 理解 为 一 系列 技术 的 集成 ,如 
图 5-1 所 示 。 它 包括 .NET 脚本 语言 `、CLS、.NET Framework 类 库 、CLR、Visual Studio 
.NET 集成 开发 环境 等 。 
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.NET Framework 是 用 于 构建 .开发 以 及 运行 Web 应 用 程序 和 Web Service 的 公共 环 
主要 由 三 部 分 组 成 : 编程 语言 .服务 器 端 和 客户 端 技术 .开发 环境 。 

1) 编程 语言 (Programming Languages) 

(1) C# ( 读 作 C sharp) 。 

C# 是 一 种 简洁 、 类 型 安全 的 面向 对 象 的 语言 ,是 Microsoft 公司 专门 为 生成 在 .NET 
Framework 上 运行 的 应 用 程序 而 设计 的 。C# 从 C 和 C++ 衍生 而 来 ,更 像 Java。 使 用 
C# 可 以 创建 XML Web Services、 分 布 式 组 件 、 客 户 端 /服务 器 应 用 程序 、 数 据 库 应 用 程 
序 等 。 

(2) Visual Basic .NET(VB .NET)。 

Visual Basic.NET 是 从 Visual Basic 语言 演变 而 来 ,面向 .NET Framework、 能 生成 类 
型 安全 和 面向 对 象 应 用 程序 的 一 种 语言 。VB .NET 是 Visual Studio .NET 的 一 部 分 ,是 
一 套 完 整 的 .可 生成 企业 级 Web 应 用 程序 的 开发 工具 。 

(3) J#( 读 作 Jsharp) 。 

J# 是 一 种 供 Java 程序 员 构 建 在 .NET Framework 上 运行 的 应 用 程序 和 服务 的 语言 。 

2) 服务 器 端 和 客户 端 技术 (Server Technologies And Client Technologies) 

(1) ASP .NET。 

ASP.NET 是 建立 在 .NET Framework 之 上 ,利用 CLR 在 服务 器 端 为 用 户 提供 建立 强 
大 的 企业 级 Web 应 用 服务 的 编程 框架 。ASP.NET 主要 包括 Web Form 和 Web Service 两 
种 编程 模型 。 前 者 提供 建立 功能 强大 的 、 基 于 Form 的 可 编程 Web 页 面 。 后 者 提供 在 异 构 
网 络 环境 下 获取 远程 服务 、 连 接 远 程 设 备 、 交 互 远 程 应 用 的 编程 界面 。 

(2) Windows Forms。 

Windows Forms 是 .NET Framework 的 智能 客户 端 组 件 。 利 用 Visual Studio 之 类 的 
开发 环境 ,使 用 Windows Forms 可 以 创建 应 用 程序 和 用 户 界面 。Windows Forms 应 用 程 
序 是 基于 System. Windows. Forms 命名 空间 中 的 类 .通过 在 窗 体 上 放置 控件 并 对 用 户 操 作 
(如 单 击 ) 进 行 响应 来 构建 的 。 

(3) Compact Framework 。 

Compact Framework 是 为 了 在 移动 设备 和 肉 入 式 设备 上 运行 而 设计 的 ,包含 .NET 
Framework 中 的 类 库 的 子 集 ,同时 还 包含 一 些 专 有 类 。 

3) 开发 环境 (Development Environments) 

(1) Visual Studio。 

Visual Studio 是 一 个 完整 的 集成 开发 环境 (Integrated Development Environment， 
IDE) ,用 于 生成 ASP.NET Web 应 用 程序 .XML Web Services、 桌 面 应 用 程序 和 移动 应 用 
程序 。VB.NET、Visual C++.NET、Visual C# .NET 和 Visual ]# .NET 全 都 使 用 相同 的 
IDE, 该 环境 允许 它们 共享 工具 并 有 助 于 创建 混合 语言 解决 方案 。 

(2) Visual Web Developer。 

Visual Web Developer 是 一 个 功能 齐备 的 开发 环境 .可 用 于 创建 ASP.NET Web 应 用 
程序 。Visual Web Developer 提供 网 页 设计 ,代码 编辑 ,测试 和 调试 ,以 及 将 Web 应 用 程序 
部 署 到 承载 服务 器 等 功能 。 
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5.2 ASP.NET 概述 


ASP.NET 是 Microsoft .NET 框架 的 重要 组 成 部 分 ,建立 在 公共 语言 运行 库 上 ,可 用 
于 在 Web 服务 器 上 生成 功能 强大 的 Web 应 用 程序 ,为 Web 站 点 创建 动态 的 ,交互 的 
HTML 页 面 。 


5.2.1 ASP.NET 的 发 展 历 史 


ASP.NET 的 前 身 是 ASP(Active Server Pages) 。ASP 是 一 种 功能 强大 且 易 于 学 习 的 
服务 器 端 脚本 编程 环境 。 它 是 Microsoft 公司 的 产品 ,在 NT Server、NT Workstation、 
Windows 2000 和 Windows XP 等 系统 中 都 附带 这 个 脚本 编程 环境 。ASP 的 第 一 个 版 本 是 
测试 版 。1996 年 , ASP1. 0 诞生 , 它 作 为 IIS 的 附属 产品 免费 发 送 。 接 下 来 , 1998 年 
Microsoft 又 发 布 了 IIS 4. 0 附带 的 ASP 2.0 版 本 。ASP 1.0 和 ASP 2.0 主要 区 别 是 外 部 
的 组 件 需要 实例 化 。2000 年 , 随 着 Windows 2000 的 成 功 发 布 ,IIS 5.0 附带 的 ASP 3.0 也 
开始 流行 。 该 版 本 不 是 简单 地 对 ASP 进行 补充 , 最 重要 的 是 它 把 很 多 事情 交 给 COM 
来 做 。 

2000 年 6 月 ,Microsoft 公司 总 裁 比 尔 。 盖 茨 在 一 次 名 为 “论坛 2000” 的 会 议 上 发 表演 
讲 , 描 绘 了 .NET 的 美景 。 

2001 年 ,Microsoft 公司 在 前 面 三 个 版 本 的 基础 上 ,推出 了 ASP 十 ,又 叫 ASP.NET。 这 
是 全 新 的 基于 .NET 框架 的 ASP.NET 1.0 版 本 ,使 用 C# 作 为 默认 语言 。 

2002 年 ,Microsoft 发 布 ASP.NET 1.0 正式 版 ,Visual Studio.NET 2002 也 同步 发 行 。 

2003 年 ,推出 ASP.NET 1. 1 版 和 Visual Studio.NET 2003。 

2004 年 ,发 布 .NET Framework 2.0 Betal 和 Visual Studio 2005 Betal 。 

2005 年 ,推出 ASP.NET 2.0 正式 版 ,同时 还 有 Visual Studio 2005 和 SQL Server 2005 
正式 版 。ASP.NET 2.0 的 发 布 是 .NET 技术 走向 成 熟 的 标志 。 

2007 年 ,Microsoft 推出 了 ASP.NET 3. 0 版 本 , 即 .NET Framework 3.0。ASP.NET 
3.0 就 是 在 ASP.NET 2.0 的 基础 上 扩展 了 WPF、WCF 和 WWF。 

2007 年 11 月 ,推出 .NET Framework 3.5 和 Visual Studio 2008 正式 版 .加 入 了 LINQ 
(语言 集成 查询 ) 并 支持 ASP.NET AJAX,Web 开发 技术 又 向 前 进 了 一 大 步 。 

2010 年 4 月 ,发 布 Visual Studio 2010 正式 版 ,同时 推出 .NET Framework 4. 0、Visual 
Studio 2010 CTP, 并 且 支 持 开发 面向 Windows 7 的 应 用 程序 。 除 了 Microsoft SQL 
Server, 它 还 支持 IBM DB2 和 Oracle 数据 库 。 


5.2.2 ASP.NET 与 ASP 的 区 别 


ASP.NET 又 叫 ASP 十 ,是 在 ASP 的 基础 上 发 展 起 来 的 ,但 不 是 ASP 的 简单 升级 ,而 
是 Microsoft 重新 构筑 的 一 个 全 新 系统 。ASP 存在 着 “先天 ”不 足 。 例 如 ,ASP 不 是 一 个 完 
全 面向 对 象 的 系统 ,使 用 的 脚本 语言 虽然 简单 ` 灵 活 ,但 属于 弱 类 型 语言 ,功能 不 强 而 且 容 易 
出 错 ,内 置 对 象 少 ,ASP 代码 的 解释 执行 使 得 系统 的 执行 效率 比较 低 ,等 等 。 


ASP.NET 是 建立 在 .NET 框架 基础 上 的 完全 面向 对 象 的 系统 。 有 了 .NET 框架 的 支 
持 , 一 些 单 靠 应 用 程序 设计 很 难 解决 的 问题 ,都 可 以 迎刃而解 ..NET 框架 平台 给 网 站 提供 
了 全 方位 的 支持 ,包括 强大 的 类 库 、 多 方面 服务 的 支持 、 多 种 语言 进行 开发 、 跨 平台 支持 、 充 
分 的 安全 保障 能 力 等 。ASP .NET 程序 采用 Visual Studio .NET 环境 进行 开发 , 支持 
WYSIWYG( 所 见 即 所 得 )、 拖 放 控 件 和 自动 部 署 等 功能 。 

概括 起 来 ,ASP.NET 与 ASP 的 区 别 主要 体现 在 以 下 方面 : 

1. 执行 效率 

ASP 是 解释 执行 的 ,ASP.NET 是 编译 执行 的 。ASP.NET 采用 编译 后 运行 的 方式 , 执 
行 效率 大 幅 提 高 。 它 将 程序 在 第 一 次 运行 时 编译 成 DLL 文件 ,以 后 直接 执行 DLL 文件 ,这 
样 速度 就 变 得 非常 快 。 因 此 ,ASP 在 执行 效率 上 大 大 低 于 实现 同样 功能 的 ASP.NET。 

2. 可 重用 性 

ASP 将 HTML 代码 和 程序 代码 混在 一 起 ,代码 的 模块 化 和 可 重用 性 低 ; ASP .NET 
将 程序 代码 和 HTML 分 开 , 实 现 了 代码 分 离 , 程 序 结构 清晰 ,代码 的 可 重用 程度 高 。 
ASP.NET 可 以 向 目标 服务 器 直接 复制 组 件 , 当 需要 更 新 时 ,重新 复制 一 个 即 可 。 

3. 代码 量 

ASP 所 有 功能 都 要 编写 代码 ,而 ASP.NET 提供 了 Web 服务 器 控件 ,代码 量 大 大 降低 。 

ASP.NET 与 现存 的 ASP 保持 语法 兼容 ,实际 上 我 们 可 以 将 ASP 源 文件 扩展 名 . asp 
改 为 .aspx, 然 后 配置 在 支持 ASP .NET 运行 的 IIS 服务 器 的 Web 目录 下 , 即 可 获得 
ASP.NET 运行 时 的 优越 性 能 。 


5.2.3 ASP.NET 的 工作 原理 
ASP.NET 的 工作 原理 如 图 5-2 所 示 。 


Server ”加 Web 服 务 器 寻找 ASPX 文 件 
服务 器 ”(@) ASPNETD 代 码 被 发 送 给 CLR 进 行 编译 和 执行 


ny 
加 浏览 器 请 求 ASPX 文 件 @ 浏览 器 处 理 HTML 并 显示 页 面 


Browser 
游览 器 


图 5-2 首次 请 求 ASP.NET 页 面 的 处 理 过 程 


(1) Web 浏览 器 发 送 一 个 HTTP 请 求 到 Web 服务 器 ,要 求 访问 一 个 Web 网 页 。 

(2) Web 服务 器 分 析 这 个 HTTP 请 求 ,定位 所 请 求 的 Web 网 页 的 位 置 。 

(3) 如 果 请 求 的 网 页 是 一 个 HTML 文件 , 则 服务 器 直接 返回 该 文件 。 如 果 请 求 的 是 个 
ASP.NET 文件 ,那么 IIS 就 把 该 文件 传送 到 aspnet_isapi. dll 进行 处 理 , 后 者 把 ASP.NET 
代码 提交 给 CLR。 若 是 首次 请 求 这 个 ASP .NET 文件 ,就 由 CLR 编译 并 执行 ,得 到 纯 
HTML 结果 ; 若是 已 经 执行 过 该 文件 ,那么 就 直接 执行 编译 好 的 程序 并 得 到 HTML 
结果 。 
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(4) 最 后 把 从 (3) 中 得 到 的 HTML 文件 传 回 浏览 器 作为 HTTP 响应 。 浏 览 器 收 到 这 
个 响应 之 后 ,就 可 以 显示 Web 网 页 。 


5.3 建立 ASP.NET 的 运行 和 开发 环境 


要 运行 Web 程序 ,必须 首先 建立 一 个 Web 服务 器 ,然后 从 任 一 台 Web 浏览 器 访问 该 
服务 器 上 的 Web 程序 。 建 立 ASP.NET 的 运行 环境 ,需要 安装 Web 服务 器 IIS 和 .NET 
Framework 。 

要 运行 一 个 网 站 的 程序 ,首先 应 在 服务 器 上 设置 网 站 的 根 目录 ,并 将 网 页 文件 放 在 该 目 
录 下 ,然后 在 IIS 管理 器 建立 一 个 指向 网 站 根 目录 的 虚拟 目录 ,最 后 在 浏览 器 地 址 栏 输入 相 
应 的 地 址 (通常 包含 虚拟 目录 ) 运 行 网 站 程序 即 可 。 

要 编写 和 调试 ASP.NET 程序 ,通常 选择 Visual Studio 集成 开发 环境 。 本 书 以 当前 主 
流 配置 的 Visual Studio 2010 和 SQL Server 2008 R2 为 主要 开发 环境 进行 讲解 。 


5.3.1 安装 和 配置 IIS 服务 器 


IIS 是 ASP.NET 唯一 可 以 使 用 的 Web 服务 器 ,目前 常用 的 版 本 是 IIS 6 或 JS7。 下 
面 以 Windows XP 为 例 , 简 述 IIS 6 的 安装 和 配置 步骤 如 下 。 

1. 安装 IIS 

安装 步骤 如 下 : 

(1) 选择 “控制 面板 "中 的 “添加 /删除 程序 ”项 ,再 选择 “添加 /删除 Windows 组 件 ”。 

(2) 在 “Windows 组 件 向 导 ” 窗 口中 选中 “Internet 信息 服务 (IIS)”, 单 击 “ 下 一 步 ” 按 钮 ， 
按照 提示 插入 Windows 安装 光盘 后 ,将 自动 安装 IIS。 

(3) 安装 结束 后 ,在 浏览 器 地 址 栏 中 输入 http://127. 0. 0. 1 或 http://localhost, 如果 
出 现 IIS 的 信息 页 面 , 则 表示 IIS 安装 成 功 。 此 时 ,通常 会 在 硬盘 C 上 自动 创建 文件 夹 C:\ 
Inetpub, 这 是 IIS 的 默认 目录 。C:\Inetpub\wwwroot 是 默认 的 Web 主页 的 地 址 。 

2. 设置 虚拟 目录 

假设 一 个 ASP.NET 文件 hello. aspx 存放 在 服务 器 上 的 某 一 目录 D:\myWebSite 中 。 

例 5-1 一 个 简单 的 ASP.NET 程序 (hello. aspx) 。 


<% @page language = "C#"%> 
<html> 

<body> 

< font color = red> 

<% 

Response. Write("hello world. "); 
第 > 


下 面 介绍 如 何 配置 IIS ,以 及 运行 例 5-1 程序 的 方法 。 
@ 选择 “控制 面板 ”中 的 “管理 工具 ”项 , 青 选择 “Internet 服务 管理 器 ”, 进 入 “Internet 


信息 服务 ? 主 窗口 。 

@ 展开 “默认 网 站 ”项 ,选择 “新 建 ”>“ 虚 拟 目录 ”命令 ,启动 “虚拟 目录 创建 向 导 ” 程 序 ， 
输入 别名 mysite, 并 指向 目录 D:\myWebSite, 最 后 选择 正确 的 访问 权限 。 至 此 ,建立 了 一 
个 别名 为 mysite 指向 D:\myWebSite 的 虚拟 目录 。 

最 后 ,在 浏览 器 中 输入 以 下 地 址 ,就 可 以 看 到 如 图 5-3 所 示 的 结果 。 


http://localhost/mysite/hello. aspx 


De olx) 


Pe 
CF fe] roiimocanos | lealls+ Ix) IP 5 


| 文 作 (E) 编辑 (查看 收 藏 丈 (8) 工具 TD 和 > 
这 收 入 严 次 htp:/locahostimysiejhelo.aspx 


hello world 


[所 -|[ 扩 100% >- 及 


图 5-3 测试 和 运行 ASP.NET 程序 


如 果 源 文件 放 在 二 级 目录 下 ,如 D:\myWebSite\chapter5\hello. aspx, 那 么 在 浏览 器 中 
输入 如 下 地 址 ,也 可 以 得 到 同样 的 运行 结果 。 


http://localhost/mysite/ chapter5/hello. aspx 


5.3.2 安装 Visual Studio 开发 工具 
要 安装 Visual Studio 开发 工具 ,必须 首先 安装 .NET Framework, 然 后 再 安装 Visual 
Studio 工具 包 。 本 书 选择 安装 了 Microsoft Visual Studio 2010 开发 工具 包 。 


Microsoft Visual Studio 2010 安装 程序 通常 自 带 .NET Framework 4.0, 后 者 也 可 以 从 
Microsoft 公司 的 官方 网 站 www. microsoft. com/downloads 下 载 。 


Visual Studio 2010 目前 有 5 个 版 本 : 专业 版 高 级 版 .旗舰 版 ,测试 专业 版 和 速成 版 ， 
如 表 5-1 所 示 。 


表 5-1 Visual Studio 2010 的 版 本 


版 本 说 明 
Professional 面向 个 人 的 开发 人 员 , 供 开 发 人 员 执 行 基本 开发 任务 ,提供 集成 开发 环境 、 开 发 平 
(专业 版 ) 人 台 支 持 ,测试 工具 等 
Premium 一 个 功能 全 面 的 .可 扩展 的 工具 集 , 可 为 个 人 或 团队 简化 应 用 程序 开发 过 程 ,支持 
(高 级 版 ) 交付 可 扩展 的 应 用 程序 
a 面向 开发 团队 的 ,综合 性 的 应 用 程序 生命 周期 管理 工具 套件 ,通过 利用 高 级 协作 功 
能 ,集成 的 测试 和 调试 工具 来 确保 整个 团队 从 设计 到 部 署 的 整个 过 程 都 能 取得 较 
(旗舰 版 ) 
高 质量 的 结果 


地 on 斩 
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续 表 


版 本 说 明 


Test Professional 


(测试 专业 版 ) 管理 ,测试 工具 


简化 测试 规划 与 人 工 测 试 执行 的 特殊 版 本 ,包含 TFS、ALM、MSDN 订阅 、 实 验 室 


Express( 速 成 版 》 | 一 个 免费 的 学 习 工 具 


基于 普遍 性 的 考虑 ,本 书 将 安装 Visual Studio 2010 Ultimate 旋 舰 版 ,简称 VS 2010 


Ultim 


ate, 可 以 通过 下 载 一 个 ISO 镜像 文件 进行 安装 。 安 装 的 初始 界面 如 图 5-4 所 示 。 


OV Visual studio 2010 jlia 


C9 小 贡 Nicrosoft Yisuel Studie 2010 旗舰 版 安 
此 向 导 将 引导 您 完成 此 程序 及 所 需 全 部 组 件 的 安装 过 程 。 


和 ee oo aa 


[ 羡 商 丙 ss55EC Corporation 发 送 有 关 我 的 友 装 体 难 的 
车 息 把)。 


已 有 关 详细 信息 ， 请 阅读 隐私 寺 明 


安装 程序 正在 加 载 安装 组 件 。 
一 


图 5-4 Visual Studio 2010 旗舰 版 的 安装 


Visual Studio 2010 Ultimate 包括 以 下 工具 ,如 图 5-5 所 示 。 


Visual Basic; 

Visual C++; 

Visual C#; 

Visual F#; 

Visual Web Developer。 


人 Visual Web Developer 和 Visual C#。 
安装 完成 后 ,首次 启动 VS 2010 Ultimate 选择 默认 的 环境 设置 ,然后 进入 如 图 5-6 所 
示 的 起 始 页 面 。 


定 ” 按 钮 


进入 相应 的 程序 设计 页 面 。 


出 


单 击 “ 新 建 项 目 ” 项 ,接着 选中 Visual C# 项 , 则 进入 如 图 5-7 所 示 的 页 面 。 该 页 面 分 为 
在 hs = :个 部 分 ,在 中 间 部 分 选择 某 个 应 用 程序 ,并 设 定 相 应 的 文件 名 称 , 然 后 单 
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也 Microsoft Visual Studio 2010 旗 明 版 安装 程序 - 选项 页 
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功能 安装 路 径 中 ): 


所 需 碟 盘 空 间 : 
卷 磁盘 大 小 本 用 必需 乔 愉 
49.8 GB 31.0 GB T.468 23.7 GB | 
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图 56 Visual Studio 2010 的 起 始 页 
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名 称 (N): WindowsFormsApplication1 
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| 添加 到 源 代码 管理 ) 
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图 5-7 Visual Studio 2010 的 “新 建 项 目 ” 对 话 框 


通常 ,开发 ASP.NET 程序 的 第 一 步 就 是 创建 一 个 新 网 站 。Visual Studio 2010 在 * 文 
件 "菜单 上 比 以 前 的 版 本 做 了 很 大 改进 ,如 图 5-8 所 示 。 
选择 “文件 ">“ 新 建 网 站 "命令 ,打开 一 个 “新 建 


文件 (站 入 独 (日 视 大 Vj 网 站 (S】 生成 (8) 调式 [D) | 


网 站 ”对 话 框 ,进入 如 图 5-9 所 示 的 界面 。 选 择 “ASP. 问 RR Galt+shift+N 
hift+Alt+ 
NET 网 站 ”项 ,在 文本 框 中 输入 网 站 的 文件 夹 位 置 ，。 ER ee 
然后 单 击 “ 确 定 ” 按 钮 ,Visual Studio 将 创建 一 个 网 站 NN et 
2 击 “打开 项 目 (P)… Cl+Shit+O 
项 目 , 并 自动 生成 一 个 Default. aspx 的 网 站 默认 各 打开 网 站 (6).- Shit+Alt+O 
主页 。 各 连接 到 团队 项 目 (M).. 
攻打 开 文 件 O)- Cul+O 
从 “网 站 ”菜单 中 选择 “添加 新 项 ”, 然 后 选择 二 boD) = 
“Web 窗 体 ”, 则 添加 一 个 ASP.NET 页 面 。 单 击 “ 添 | ee 
加 ?按钮 ,进入 如 图 5-10 所 示 的 Visual Studio 集成 开园 Defaultsspx (5) cns 
发 环境 (IDE) 主 窗口 。 ss 号 存 为 (A)-… a 
在 IDE 主 界面 中 ,可 分 为 5 部 分 ,图 中 用 编号 本 (E).- 
Sy 源 代码 管理 (R) » 
@ 一 @ 进 行 标注 。 各 部 分 的 窗口 界面 都 会 按照 用 户 。 了 rm 
的 选择 进行 移动 . 悬 靠 和 和 县 加 ,下 面 逐 一 说 明 。 RH). 
(1) 区 域 D 为 “工具 箱 ”, 悬 靠 在 IDE 的 左边 ,用 号 Bop 
于 选取 控件 。 是 折合 用 的 项 目 和 虫 方案 » 
(2) 区 域 @ 为 “代码 区 ”位 于 IDE 的 中 间 部 分 ， 一 一 


可 选择 不 同 的 视图 设计 源 代码 和 页 面 代码 。 图 5-8 ”Visual Studio 2010 的 “文件 ”菜单 
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图 5-9 “新 建 网 站 ”对 话 框 
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图 5-10 IDE 主 界面 
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(3) 区 域 @ 为 “解决 方案 资源 管理 器 ,一 般 悬 靠 在 IDE 的 右上 方 , 分 不 同 选项 卡 进行 显 
示 。 解 决 方案 资源 管理 器 用 于 显示 项 目 中 的 文件 。 

(4) 区 域 图 为 “属性 窗口 ”, 一 般 悬 靠 在 IDE 右 下 方 , 用 于 设置 区 域 @ 里 面 选中 控件 的 
属性 。 

(5) 区 域 @ 为 “输出 窗口 ”, 悬 靠 在 IDE 下 方 , 用 于 输出 项 目的 编译 信息 。 

在 上 述 页 面 中 ,通过 拖 搜 工具 箱 中 不 同 的 控件 ,以 及 编写 Web 页 面 的 执行 代码 ,就 可 以 
对 Web 页 面 进行 自由 的 设计 了 。 


5.3.3 SQL Server 数据 库 系统 的 安装 


数据 库 服 务 器 是 安装 了 关系 数据 库 的 服务 器 ,主要 执行 如 数据 存储 、 数 据 分 析 、 查 询 检 
索 等 任务 。 微 软 公司 目前 主推 SQL Server 2008 R2 系统 安装 。 其 实 ,在 安装 Visual Studio 
2010 的 过 程 中 ,已 经 自动 安装 了 SQL Server 2008 Express SP1 系统 。 也 就 是 说 ,安装 VS 
2010 时 如 果 选 择 “ 完 全 安装 ”, 那 么 它 会 安装 SQL Server 2008 的 Express SP1 版 ,这 个 版 本 
只 能 通过 VS 2010 来 访问 使 用 ,不 能 独立 使 用 ,但 可 以 下 载 Microsoft SQL Server 2008 
Management Studio Express 免费 的 集成 环境 ,用 于 访问 配置、 管理 和 开发 SQL Server 所 
有 组 件 , 如 图 5-11 所 示 。 
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图 5-11 SQL Server 2008 R2 的 安装 


此 外 ,也 可 以 选择 单独 安装 一 个 完整 的 SQL Server 2008。 双 击 exe 安装 文件 ,进入 如 
图 5-12 所 示 的 页 面 ,就 可 以 开始 安装 过 程 了 。 
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图 5-12 SQL Server 2008 安装 界面 


在 实际 安装 过 程 中 ,需要 特别 注意 的 是 数据 库 引擎 的 配置 。 

在 数据 库 引擎 配置 中 ,最 重要 的 就 是 “身份 验证 模式 ”的 选择 。 

身份 验证 模式 包括 两 种 : Windows 身份 验证 模式 和 混合 模式 。 

(1) Windows 身份 验证 模式 。 

该 模式 要 求 访问 SQL Server 的 用 户 必须 是 经 过 Windows 系统 身份 验证 的 用 户 。 

(2) 混合 模式 (Windows 身份 验证 和 SQL Server 身份 验证 ) 。 

既 可 以 由 Windows 系统 进行 身份 验证 ,也 可 以 由 SQL Server 本 身 负责 身份 验证 。 当 
采用 SQL Server 验证 方式 登录 数据 库 时 ,需要 提供 有 效 的 账号 和 登录 密码 。 

建议 用 户 在 安装 时 设 定 为 “混合 模式 ”, 这 样 便于 进行 分 布 式 访问 。 


s.4 开始 编写 第 一 个 ASP.NET 程序 


5.4.1 Web 窗 体 代码 模型 


ASP.NET 页 面 可 以 用 两 种 不 同方 式 创建 : 单 文件 模式 和 后 台 代 码 模式 。 

1. 单 文 件 模式 

单 文件 模式 类 似 ASP 一 样 , 一 个 页 面 对 应 一 个 文件 。 它 将 HTML 代码 和 服务 器 端 代 
码 混合 写 在 一 个 * . aspx 的 文件 中 ,如 例 5-1 中 的 hello. aspx 文件 。 单 文件 模式 具有 方便 修 
改 、 管 理 简 单 的 优点 ,但 当代 码 量 非常 大 时 ,将 大 大 降低 代码 的 可 读 性 ,维护 起 来 十 分 不 便 ， 
因此 , 单 文件 模式 适合 于 代码 量 较 小 的 项 目 。 

2. 后 台 代 码 模式 

在 Visual Studio 环境 中 创建 的 ASP.NET 页 面 通常 为 后 台 代 码 模式 , 即 一 个 页 面 对 应 
两 个 文件 : * .aspx 和 x*.aspx. cs 文件。 前 者 只 包含 HTML 和 服务 器 控件 标签 ; 后 者 包含 
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服务 器 执行 的 后 台 代码 。 这 种 模式 充分 体现 了 “页 面 和 代码 分 离 ”(Code Behind) 的 特点 , 非 
常 有 利于 页 面 的 布局 和 代码 的 维护 ,同时 由 于 后 台 代码 不 暴露 :也 有 利于 代码 的 保密 。 代 码 
的 独立 也 使 得 它 可 在 多 个 页 面 中 重用 。 

在 Visual Web Developer 中 ,当选 择 “ 网 站 ”一 “添加 新 项 ”一 “Web 窗 体 " 时 ,出 现 如 
图 5-13 所 示 的 页 面 。 当 取消 选择 右 下 方 的 “将 代码 放 在 单独 的 文件 中 ” 复 选 框 时 ,文件 命名 
为 一 个 单独 的 . aspx 文件 (如 Defaultl. aspx)。 否 则 将 自动 建立 两 个 文件 ,如 Default1. aspx 
和 Defaultl. aspx. cs。 
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图 5-13 网 站 的 “添加 新 项 "窗口 


5.4.2 ASP.NET 网 页 设计 实例 


下 面 通过 一 个 简单 的 例子 说 明 ASP.NET 网 页 的 设计 过 程 。 

1 .创建 一 个 ASP.NET 网 站 

启动 Visual Web Developer, 选 择 “ 文 件 ”>“ 新 建 网 站 ”命令 ,在 弹出 的 “新 建 网 站 ”对 话 
框 中 选择 “ASP.NET 网 站 ”, 单 击 “ 确 定 ” 按 钮 ,此 时 自动 创建 一 个 默认 的 Default. aspx 网 站 
主页 和 一 个 空 的 数据 目录 。 

2. 创建 Web 窗 体 

设计 一 个 新 的 ASP.NET 页 面 ,选择 “网 站 ”一 “添加 新 项 ”>“Web 窗 体 ”命令 ,取消 选 
择 “ 将 代码 放 在 单独 的 文件 中 ” 复 选 框 , 单 击 “ 添 加 ”按钮 ,这 时 会 自动 创建 Defaultl. aspx 和 
Defaultl. aspx. cs 两 个 文件 。 x . aspx 文件 是 对 Web 窗 体 的 页 面 布局 进行 设计 , * . aspx cs 文 
件 是 对 程序 代码 进行 设计 。 

3. 设计 Web 窗 体 的 页 面 (* . aspx) 

图 5-14 所 示 为 Web 窗 体 的 设计 页 面 。 单 击 * 设 计 ” 标 签 , 可 以 从 工具 箱 中 拖 电 一 个 


TextBox 控件 ,一 个 Button 控件 ,一 个 Label 控件 到 设计 窗口 中 , 则 看 到 当前 页 面 的 外 观 。 
击 * 源 标签 ,可 看 到 该 页 面 的 XHTML 设计 代码 , 即 Default. aspx 文件 的 内 容 。 
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图 5-14 Web 页 面 的 “设计 ?标签 


4. 编写 程序 代码 (* . aspx. cs) 
在 图 5-14 中 , 当 双 击 Button 控件 , 则 可 以 打开 Default. aspx. cs 的 设计 页 面 ,该 页 呈现 
了 系统 自动 生成 的 默认 代码 内 容 。 修 改 单 击 事件 Button1_Click, 最 后 得 到 的 代码 如 下 : 


using System; 

using System. Collections. Generic; 

using System. Ling; 

using System. Web; 

using System. Web. UI; 

using System. Web. UI. WebControls; 

public partial class Default : System.Web.UI. Page 


{ 
protected void Page Load(object sender, EventArgs e) 
上 
} 
protected void Buttonl Click(object sender, EventArgs e) 
{ 
Labell. Text = "Hello! " + TextBoxl.Text; 
} 
i 
5. 运行 程序 


代码 设计 完成 后 , 按 F5 键 编译 并 运行 应 用 程序 。 在 文本 框 中 输入 内 容 , 然 后 单 击 OK 
按钮 ,在 Label 上 将 显示 程序 的 运行 结果 ,如 图 5-15 所 示 。 
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图 5-15 页 面 运行 结果 


5.5 ”习题 与 上 机 练习 


1. 简 答题 
(1) 简 述 .NET Framework 的 作用 和 组 成 。 
(2) 什么 是 Code Behind 技术 ? 


(3) 简 述 ASP.NET 页 面 的 处 理 过 程 ,为 什么 第 一 次 执行 的 时 候 , ASP.NET 程序 执行 
很 慢 ? 


2. 上 机 练习 
(1) 使 用 .NET Web 窗 体 技 术 编 写 一 个 简单 的 个 人 主页 。 
(2) 创建 一 个 Web 页 面 ,用 于 显示 当前 服务 器 时 间 。 


第 6 章 C# 语 言 基础 


Microsoft .NET Framework 提供 了 至 少 4 种 以 上 的 语言 : Visual Basic.NET、Visual C# 、 
Visual C++ 、Visual J]# 等 。 

C# 是 一 种 简单 的 、 面 向 对 象 和 类 型 安全 的 语言 ,是 Microsoft 公司 专门 为 生成 在 .NET 
Framework 上 运行 的 各 种 应 用 程序 而 设计 的 。C# 从 C 和 C++ 衍生 而 来 , 它 继 承 了 C++ 最 
好 的 功能 , 比 C++ 更 简洁 ,高 效 。 

Visual C# 是 Microsoft 对 C# 语言 的 实现 。Visual C# 和 .NET Framework 的 结 
合 ,使 得 程序 设计 人 员 可 以 创建 Windows 应 用 程序 .XML Web Services、 分 布 式 组 件 、 数 据 
库 应 用 程序 等 。Visual Studio 通过 功能 齐全 的 代码 编辑 器 、 编 译 器 、 项 目 模板 .设计 器 、 调 
试 器 等 工具 ,实现 了 对 Visual C# 的 支持 。 


6.1 创建 一 个 简单 的 C 程序 


先 看 一 个 简单 的 C# 程序 ,对 C# 程序 有 一 个 初步 的 认识 。 

在 菜单 中 选择 “文件 ”一 “新 建 项 目 ” 命 令 。 在 “新 建 项 目 ” 对 话 框 中 选择 Visual C# 和 
“控制 台 应 用 程序 ” ,然后 填写 程序 的 保存 路 径 , 如 图 6-1 所 示 , 单 击 “ 确 定 ” 按 钮 ,系统 将 自动 
创建 一 个 控制 台 程 序 的 框架 Program. cs。 

代码 如 下 : 


using System; 

using System. Collections. Generic; 
using Systenm. Ling; 

using System. Text; 

namespace ConsoleApplicationl 


class Program 
static void Main(string[ ] args) 
{ 
} 
} 


代码 的 第 1 一 第 4 行 是 引入 命名 空间 。using 指令 的 作用 就 是 引入 命名 空间 ,System 
或 System. Collections. Generic 等 就 是 名 字 空间 。 引 入 命名 空间 后 ,就 可 以 直接 使 用 它们 的 
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图 6-1 新 建 一 个 控制 台 应 用 程序 


方法 和 属性 了 。 建 立 一 个 控制 台 应 用 程序 时 ,IDE 会 自动 引入 常用 的 命名 空间 。 
第 5 行 namespace ConsoleApplicationl 是 声明 这 个 程序 使 用 的 命名 空间 。 
第 6 一 第 13 行 是 用 {} 括 起 来 的 C# 代 码 块 。 其 中 的 class Program 就 是 声明 类 名 。 
般 类 名 和 cs 文件 名 相同 ,如 果 更 改 了 cs 文件 名 ,IDE 会 自动 更 新 类 名 。 类 里 面包 含 一 个 静 
态 的 Main 方法 , 它 是 程序 执行 的 起 点 和 终点 。 
一 个 C# 程 序 都 会 包含 一 个 Main 方法 ,在 Main() 中 输入 如 下 代码 : 


Console. WriteLine( "Hello World ! "); 


运行 程序 , 则 标准 输出 “Hello World !” 字 样 。 这 里 的 Console 就 是 System 命名 空间 下 
的 类 ,WriteLine 是 Console 类 的 方法 。 如 果 前 面 没有 using System 引入 语句 , 则 需要 写成 
如 下 形式 : 


System. Console. WriteLine("Hello World! "); 


通常 ,运行 程序 有 两 种 方式 : 调试 运行 ( 按 F5 键 ) 和 不 调试 运行 ( 按 Ctrl 十 F5 键 )。 按 
F5 键 启动 调试 ,程序 运行 结束 后 会 立即 关闭 ,如 果 发 生 异 常 ,能 定位 异常 出 现 的 位 置 ,还 可 
设置 断 点 让 程序 单 步 执行 。 按 Ctrl 十 F5 键 开始 执行 (不 调试 ) ,程序 运行 结束 后 提示 “请 按 
任意 键 继 续 .…”, 如 图 6-2 所 示 , 通 常 这 种 方式 会 忽略 程序 设置 的 断 点 。 

需要 附带 说 明 的 是 ,向 控制 台 输 出 有 如 下 几 种 常见 方式 : 


Console. WriteLine( ); // 相当 于 换行 
Console. WriteLine( 要 输出 的 字符 串 或 变量 ); // 输出 一 个 值 
Console. WriteLine(" 格 式 字 符 串 ", 变量 列表 ); // 格 式 化 输出 变量 


图 6-2 按 Ctrl 十 F5 组 合 键 运行 程序 


例如 : 

Console. WriteLine ("Hello World! "); // 输 出 一 个 字符 串 
string course = "C#"; 

Console. WriteLine( course); // 输 出 一 个 变量 


Console. WriteLine( "我 的 课程 名 称 是 : {0}", course); // 格 式 化 输出 变量 


6.2 C+# 基 本 语法 


6.2.1 Ci#H 数 据 类 型 


C# 中 的 数据 类 型 分 为 两 大 类 : 值 类 型 (Value Types) 和 引用 类 型 (Reference Types)。 
值 类 型 和 引用 类 型 的 区 别 在 于 , 值 类 型 变量 直接 包含 数据 ,而 引用 类 型 变量 则 存储 对 于 对 象 
的 引用 。 

1. 值 类 型 (Value Types) 

值 类 型 包含 简单 类 型 .结构 类 型 和 枚 举 类 型 。 

1) 简单 类 型 (Simple Type) 


简单 数据 类 型 就 是 .NET 系统 类 型 , 表 6-1 所 示 为 所 有 的 简单 数据 类 型 。 
表 6-1 C# 的 简单 数据 类 型 
类 型 关键 字 大 小 /精度 范围 .NET 类 型 百 
byte 无 符号 8 位 整数 0 一 255 System. Byte 无 
sbyte 有 符号 8 位 整数 128 一 127 System. SByte 无 
short 有 符号 16 位 整数 32 768 一 32 767 System. Int16 无 
ushort 无 符号 16 位 整数 | 0 一 65 535 System. UInt16 无 
整 型 int 有 符号 32 位 整数 2 147 483 648~2147483 647 | System. Int32 无 
uint 无 符号 32 位 整数 | 0 一 4 294 967 295 System. Ulnt32 U 或 u 
IE。 | 有 箱 号 04 三 束 娄 | 3 ee | System ma 
ulong “| 无 符号 64 位 整数 | 0 一 OxffffffffEEEEEE System. UInt64 


击溃 


4SP NET Web 应 用 开发 技术 


续 表 
类 型 | 关键 字 大 小 /精度 范围 .NET 类 型 后 组 
吉 | 到 但 学 必 值 ,7 位 士 1.5X10-5 一 士 3.4X108 | System. Single F 或 f 
浮 点 型 省 
dbuble ool 士 5.0 X10- 双 一 士 1.8X10a | System. Double | DD 或 d 
字符 型 char 16 位 Unicode 字 符 System. Char 无 
布尔 型 bool 8 位 空间 ,1 位 数据 | true 或 false System. Boolean 无 
小 数 型 | decimal ee 型 ,| 上 1.0x10-a 47.9x10* System. Decimal | M 或 m 


2) 结构 类 型 (Struct) 

将 所 有 相关 的 数据 项 (这 些 数据 项 的 数据 类 型 可 能 完全 不 同 , 称 为 域 ) 组 合 在 一 起 ,形成 
一 个 新 的 数据 结构 , 称 为 结构 。 

结构 类 型 的 声明 格式 如 下 : 


下 面 的 代码 是 一 个 典型 的 结构 类 型 定义 ,定义 了 一 个 点 的 坐标 。 


使 用 该 结构 类 型 时 ,可 编写 如 下 代码 : 


值得 说 明 的 是 ,结构 类 型 不 仅 可 以 包含 数据 成 员 , 还 可 以 包含 函数 成 员 , 这 与 类 的 定义 
十 分 类 似 。 因 此 ,结构 类 型 的 声明 可 以 细 化 为 如 下 形式 : 


下 面 是 结构 类 型 student 的 定义 。 所 有 与 student 关联 的 信息 都 作为 一 个 整体 进行 存 
储 和 访问 。 


关于 类 和 结构 的 主要 区 别 , 总 结 如 下 : 

。 结构 是 比 类 更 简单 的 对 象 。 与 类 一 样 ,可 以 包含 各 种 成 员 , 也 可 以 实现 接口 。 

。 结构 适合 表示 如 点 ,矩形 等 简单 的 数据 结构 ,这 比 使 用 类 可 以 降低 成 本 ,效率 更 高 。 

。 最 重要 的 差别 在 于 ,结构 是 “ 值 类 型 ”, 而 类 是 “引用 类 型 ”结构 不 支持 继承 。 

。 结构 的 实例 化 可 以 使 用 new, 也 可 以 不 使 用 new( 所 有 的 域 默认 为 0,false,null 等 )。 

而 类 的 实例 化 必须 使 用 new。 

3) 枚 举 类 型 (Enumeration) 

枚 举 类 型 是 一 组 已 命名 的 数值 常量 。 使 用 这 种 方法 ,可 以 把 变量 的 取 值 一 一 列 出 ,变量 
只 能 在 所 列 的 范围 内 取 值 。 

枚 举 类 型 的 声明 格式 如 下 : 


以 下 代码 定义 并 使 用 了 一 个 枚 举 类 型 fruit。 


排 品 泪 
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枚 举 元 素 的 默认 基础 类 型 为 int 型 。 在 默认 情况 下 ,第 一 个 枚 举 元 素 的 数值 为 0, 后 面 
每 个 枚 举 元 素 依 次 按 1 递增 。 在 初始 化 过 程 中 可 重 写 默 认 值 。 
如 果 定 义 了 下 列 枚 举 。 


那么 ,Monday 的 值 是 0,Tuesday 是 1,Wednesday 是 20,Thursday 是 3,Friday 是 5。 

2. 引用 类 型 (Reference Types) 

和 值 类 型 相 比 ,引用 类 型 不 存储 实际 数据 ,而 是 存储 对 实际 数据 的 引用 。 引 用 类 型 包括 
对 象 .类 、 指 代 接口 .数组 .字符 串 等 。 

1) 对 象 类 型 (Objectb) 

在 C# 中 ,所 有 的 类 型 都 可 以 看 成 是 对 象 ,对 象 类 型 Object 是 一 切 类 型 的 基 类 型 。 
Object 类 型 对 应 的 .NET 系统 类 型 是 System. Object。 

2) 类 类 型 (Class) 

类 类 型 可 以 包含 数据 成 员 和 函数 成 员 。 数 据 成 员 为 常量 .字段 和 事件 。 函 数 成 员 包 括 
方法 、 属 性 、 索 引 、 操 作 符 、 构 造 函 数 和 析 构 函数 。 

一 个 类 可 以 派生 多 重 接 口 。 

3) 指 代 类 型 (Delegate) 

指 代 类 型 可 用 于 将 方法 用 特定 的 签名 封装 。 用 户 可 以 在 一 个 指 代 实 例 中 同时 封装 静态 
方法 和 实例 方法 。 

指 代 的 声明 格式 如 下 : 


代理 的 声明 与 方法 的 声明 有 些 类 似 , 这 是 因为 代理 就 是 为 了 进行 方法 的 引用 ,但 代理 是 
一 种 类 型 。 
例如 : 


上 述 代 码 声 明了 一 个 代理 类 型 ,接着 下 面 声明 该 代理 类 型 的 变量 。 


对 代理 进行 实例 化 的 方法 如 下 : 


其 中 ,方法 名 可 以 是 某 个 类 的 静态 方法 名 ,也 可 以 是 某 个 对 象 实例 的 方法 名 ,但 方法 的 返回 
值 类 型 必须 与 代理 类 型 中 声明 的 一 致 。 
例如 : 


4) 接口 类 型 (Interface) 

一 个 接口 定义 一 个 只 有 抽象 成 员 的 引用 类 型 。 该 类 型 不 能 实例 化 对 象 ,但 可 以 从 它 派 
生出 类 。 

接口 的 声明 格式 如 下 : 


以 下 是 一 个 接口 定义 例子 。 


5) 数组 类 型 (Array) 

数组 是 一 组 类 型 相同 的 有 序数 据 ,可 以 存储 整数 对 象 .字符 串 对 象 或 任何 一 种 用 户 提出 
的 对 象 。 

声明 数组 时 并 不 需要 明确 指定 其 大 小 ,这 样 反 而 会 出 现 编译 错误 。 声 明 多 维 数组 时 每 
一 维 之 间 要 用 逗号 隔 开 。 

例如 : 


使 用 new 关键 字 新 建 数组 时 , 若 指定 了 数组 的 大 小 , 则 大 括号 { } 中 指定 的 元 素 个 数 必 
须 相 符 ,否则 出 错 。 车 未 指定 大 小 , 则 根据 { } 中 元 素 个 数 自动 分 配 大 小 。 
例 6-1 使 用 一 维 数组 和 二 维 数 组 (06-01. aspx) 。 


C# 语 言 基础 
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</script> 

<html > 

< body> 

<asp:label runat = server id = labContent1/><br> 
<asp:label runat = server id = labContent2/><br> 
</body > 

</html > 


例 6-1 中 ,分 别 定 义 了 一 维 数组 和 二 维 数组 并 赋 以 初 值 ,然后 将 两 个 数组 中 的 两 个 元 素 
分 别 显示 出 来 。 最 后 显示 的 结果 是 2 和 6。 

6) 字符 串 (String) 类 型 

字符 串 类 型 就 是 String 类 型 ,是 由 一 系列 字符 组 成 的 。 所 有 的 字符 串 都 是 写 在 双 引 号 
中 的 。 例 如 ,“this is a book. ”和 “hello” 都 是 字符 串 。 

"A" 和 'A' 有 本 质 的 不 同 , 前 者 是 string 类 型 ; 后 者 是 char 类 型 。 

3. 装 箱 与 拆 箱 

由 于 在 C# 类 型 系统 中 ,所 有 类 型 都 是 Object 的 子 类 型 ,这 就 为 值 类 型 和 引用 类 型 之 
间 的 转换 提供 了 基础 。 

装 箱 就 是 将 一 个 值 类 型 隐 式 地 转换 为 一 个 Object 类 型 的 过 程 。 把 一 个 值 类 型 的 值 装 
箱 , 也 就 是 创建 一 个 Object 实例 ,并 将 这 个 值 复制 该 Object 实例 。 

例如 : 


int i=3; 
Object o= i; 


和 装 箱 转换 正好 相反 , 拆 箱 就 是 将 一 个 Object 类 型 显 式 地 转换 成 一 个 值 类 型 。 拆 箱 的 
过 程 分 为 两 步 : 首先 检查 这 个 对 象 实例 ,看 它 是 否 为 给 定 的 值 类 型 的 装 箱 值 ; 然后 ,把 这 个 
实例 的 值 复制 给 值 类 型 的 变量 。 

例如 : 


int i=0; 
Object o= i; 
int j= (int)o; 


6.2.2 运算 符 和 表达 式 


运算 是 对 数据 进行 加 工 的 过 程 , 运 算 符 就 是 描述 各 种 不 同 运 算 的 符号 ,参与 运算 的 数据 
则 称 为 操作 数 ,操作 数 可 以 是 常量 .变量 或 者 函数 。 

表达 式 由 操作 数 和 运算 符 组 成 。 表 达 式 的 类 型 由 运算 符 的 类 型 决定 , 且 每 个 表达 式 都 
产生 唯一 的 值 。 在 C 基 中 ,可 以 进行 以 下 类 型 的 运算 , 即 算术 运算 .比较 运算 (字符 串 ) 连 接 
运算 和 逻辑 运算 等 。 

1. 算术 运算 符 (Mathematical Operators) 

算术 运算 符 作 用 于 整 型 或 浮 点 型 数据 的 运算 。 表 6-2 给 出 了 算术 运算 符 。 


表 6-2 算术 运算 符 (op: 操作 数 ) 


运 算 符 说 明 表 达 式 
丰 加 法 运算 (车 操作 数 是 字符 串 , 则 为 字符 串 连 接 符 ) opl 十 op2 
减法 运算 opl 一 op2 
等 乘法 运算 opl * op2 
/ 除法 运算 opl / op2 
% 求 余 数 opl % op2 
十 二 将 操作 数 加 1 op 十 十 ,十 十 op 
- 将 操作 数 减 1 op 一 一 ,一 一 op 
一 将 一 个 数 按 位 取 反 一 op 

2. 赋值 操作 符 (Assignment Operator) 
表 6-3 给 出 了 赋值 操作 符 。 
表 6-3 赋值 操作 符 (op: 操作 数 ) 
运 算 符 说 明 表 达 式 
= 给 变量 赋值 opl = op2 
i 运算 结果 opl 二 opl 十 op2 opl 十 一 op2 
ed 运算 结果 opl 二 opl 一 op2 opl 一 一 op2 
呈 -一 运算 结果 opl = opl * op2 opl * = op2 
/= 运算 结果 opl = opl / op2 opl /= op2 
%= 运算 结果 opl = opl % op2 opl %= op2 


3. 比较 运算 符 (Relational Operators) 


比较 运算 符 用 于 将 表达 式 两 边 的 值 进行 比较 ,其 返回 值 为 逮 辑 值 true 或 false。 


F (一 ) 大 于 ( 盖 )、 小 于 等 于 


C# 有 6 个 比较 运算 符 , 即 等 于 (= 一) 不 等 于 (! 一 )、 小 了 
(<=) .大 于 等 于 (二 =)。 

4. 逻辑 运算 符 (Logical Operators) 

逻辑 运算 符 对 布尔 值 true 和 false 进行 逻辑 比较 。 共 
有 3 个 逻辑 运算 符 , 如 表 6-4 所 示 。 人 逻辑 运算 的 返回 值 是 


表 6-4 逻辑 运算 符 


true 或 false。 

5. 条 件 运算 符 

C# 只 有 一 个 条 件 运 算 符 , 即 三 元 操作 符 (? :), 它 是 
if-else 语句 的 缩写 。 形 式 如 下 : 


条 件 表达 式 ?语句 1: 语句 2 


如 果 条 件 表达 式 的 值 为 真 , 则 执行 语句 1 ,否则 执行 语句 2。 
下 面 的 语句 使 用 了 条 件 运 算 符 : 
int resultl, result2 ; 


reaultl = 10%1? 20 10 
result2 = 10%1? .20 103 


运算 符 描 述 
&& 人 逻辑 与 (AND) 
1 逻辑 或 (OR) 

! 逻辑 非 (NOT) 


C# 语 言 基础 


圳 中兴 


4SP NET Web 应 用 开发 技术 


第 一 个 条 件 表达 式 10 过 1 为 比较 表达 式 , 其 值 为 true, 那 么 ,三 元 运算 符 的 返回 值 为 第 
一 个 值 20, 因 此 resultl 被 置 为 20。 第 二 个 条 件 表达 式 10 二 1 的 值 为 false, 那 么 三 元 运算 符 
的 返回 值 为 第 二 个 值 10, 因 此 ,result2 被 置 为 10。 

6. 位 运算 符 

位 运算 符 对 二 进 制 位 (0 或 1) 进 行 比较 和 操作 ,共有 6 种 运算 符 ( 如 表 6-5 所 示 )。 注 意 
区 分 位 运算 与 逻辑 运算 。“ 位 与 ”运算 用 1 个 & 符号 ,而 “逻辑 与 ”运算 使 用 两 个 & 符号 。 


表 6-5 位 运算 符 
运 算 符 描 述 运 算 符 描 述 
& 位 与 ES 位 非 
| 位 或 << 左 移 
位 异 或 Sp 右 移 


对 于 位 与 运算 (&) 来 说 ,比较 两 位 二 进 制 数 ,如 果 都 是 1 的话 ,就 返回 1; 否则 ,返回 0， 
如 表 6-6 所 示 。 
表 6-6 位 与 运算 的 结果 
位 1 位 2 位 1& 位 2 


类 似 地 ,对 于 其 他 的 位 运算 符 ,其 运算 结果 有 这 样 的 规律 : 

。 位 或 运算 (| ) 比 较 两 位 ,只 要 其 中 一 位 为 1, 就 返回 1; 否则 ,就 返回 0。 

。 位 异 或 运算 () 比 较 两 位 ,只 有 在 其 中 一 位 为 1 时 , 才 返 回 1; 否则 ,返回 0。 

。 如 果 位 是 0 的 话 ,位 非 运算 (一 ) 返 回 1; 否则 ,就 返回 0。 

左 移 运算 (过 过) 把 二 进 制 的 位 向 左 移动 指定 的 位 数 。 移 出 左边 的 数 被 丢弃 ,而 右边 


位 补 0。 

。 布 移 运算 (二 二 ) 把 二 进 制 的 位 向 右 移动 指定 的 位 数 。 移 出 右边 的 数 被 丢弃 ,而 左边 
位 补 0。 

下 面 的 例子 定义 了 两 个 叫 bytel 和 byte2 的 变量 : 

bytel = Ox9a; // 二 进 制 数 为 10011010, 十 进 制 数 为 154 

byte2 = Oxdb; // 二 进 制 数 为 11011011, 十 进 制 数 为 219 


注意 :bytel 被 设置 为 十 六 进 制 的 9a( 十 六 进 制 数 以 0x 开头 ), 用 二 进 制 表示 就 是 
10011010, 用 十 进 制 表示 就 是 154。 同 样 ,byte2 被 设置 为 十 六 进 制 的 db, 也 就 是 二 进 制 的 
11011011, 十 进 制 的 219。 这 些 二 进 制 和 十 进 制 数 都 显示 在 bytel 和 byte2 赋值 后 的 注 
释 中 。 

设置 字 节 变量 result 存储 变量 bytel 和 byte2 的 位 运算 结果 如 下 。 


result = (byte)(bytel & byte2); 


结果 变量 设 为 10011010( 十 进 制 154) 。 看 一 下 二 进 制 数 : 


bytel 和 byte2 的 每 一 位 进行 与 运算 。 相 应 位 的 运算 结果 列 在 了 下 面 。 可 以 看 到 ,最 后 的 结 
果 为 二 进 制 数 10011010, 也 就 是 十 进 制 数 154。 
例 6-2 位 运算 符 (06-02. cs) 。 


程序 的 输出 如 下 : 


第 


7. 运算 答 优先 级 6 
当 一 个 表达 式 包含 多 个 运算 符 时 ,将 按照 运算 符 的 优先 级 顺序 进行 计算 。 表 6-7 列 出 “| 章 
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了 按照 优先 级 由 高 到 低 的 顺序 分 组 的 C# 和 运算 符 ,每 个 组 中 的 运算 符 具有 相同 的 优先 级 , 优 
先 级 为 1 的 级 别 最 高 。 
表 6-7 运算 符 的 优先 级 
优 先 级 类 别 运 算 符 
1 基本 (x) xy fx) a[x] x 十 十 x 一 一 


new typeof sizeof 
checked unchecked 


2 单 目 十 一 ~ +++x ——x (type)x 
3 乘法 与 除法 * / % 

4 加 法 与 减法 十 一 

5 移 位 << >> 

6 关系 和 类 型 检测 二 二 <= 二 = is as 

芝 相等 二 区 > 才 过 

8 位 与 & 

9 位 异 或 

10 位 或 | 

11 逻辑 与 && 

12 逻辑 或 Il 

13 三 元 ?: 

14 赋值 = * 一 /= %= 十 = -= <<= >>= &= 


在 一 个 复杂 的 表达 式 中 ,具有 高 优先 级 的 运算 符 总 是 先 于 低 优先 级 的 运算 符 进 行 计算 。 
如 果 表 达 式 包含 多 个 相同 优先 级 的 运算 符 , 则 按照 从 左 到 右 或 从 右 到 左 的 方向 进行 运算 。 
例如 ,加 运算 符 是 从 左 到 右 进 行 计算 ,而 赋值 运算 符 和 三 元 运算 符 是 从 右 到 左 进行 运算 。 


6.2.3 程序 控制 结构 


在 程序 编写 过 程 中 ,通常 要 根据 条 件 的 成 立 与 否 来 改变 代码 的 执行 顺序 ,这 就 需要 使 用 
控制 结构 。C# 的 程序 控制 语句 包括 分 支 语 句 、 循 环 语句 、 跳 转 语句 三 类 。 

1. 分 支 语 句 

在 分 支 语句 中 ,可 以 先 判断 一 个 条 件 表达 式 的 值 , 并 根据 判断 的 结果 执行 不 同 的 程序 代 
码 块 。C# 主要 有 两 种 分 支 语句 ,一 个 是 实现 双向 分 支 的 让 语句 ; 另 一 个 是 实现 多 分 支 的 
switch 语句 。 

1) 站 语句 

让 语句 的 格式 如 下 : 


if (条 件 ) 

{ 语句 段 1; } 
else 

{ 语句 段 2; } 


例 6-3 if 语句 示例 (06-03. aspx) 。 


上 述 代码 定义 了 一 个 int 型 变量 intNowHour, 用 于 保存 当前 时 间 的 小 时 数 。 后 面 的 三 
条 让 语句 判定 当前 的 时 间 是 上 午 ,中午 还 是 下 午 ,并 分 别 给 出 问候 信息 。 
与 JavaScript 相同 ,C# 的 计 语 句 也 支持 嵌 套 ,其 嵌 套 形式 如 下 : 


说 明 : 如 果 这 或 else 后 有 多 条 语句 ,必须 使 用 大 括号 将 其 括 起 来 。else 必须 与 计 配 对 
使 用 ,也 就 是 有 几 个 else 就 必须 有 几 个 让 ,而 且 每 个 else 只 与 离 它 最 近 的 一 个 尚未 匹配 的 计 
配对 。 

2) switch 语句 

与 JavaScript 中 的 switch 语句 相同 ,其 语法 格式 如 下 : 


二 四 遇 
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例 6-4 switch 语句 示例 (06-04. cs)。 


2. 循环 语句 

C# 中 的 循环 语句 主要 有 while 语句 、do-while 语句 ,for 语句 、foreach 语句 4 种 。 
。 while 语句 : 当 条 件 为 True 时 执行 循环 。 

。 do-while 语句 : 直到 条 件 为 True 时 执行 循环 。 

。 for 语句 : 指定 循环 次 数 ,使 用 计数 器 重复 运行 语句 。 


。 foreach 语句 : 对 于 集合 中 的 每 项 或 数组 中 的 每 个 元 素 , 重 复 执 行 。 
1) while 循环 


while 语句 的 格式 如 下 : 


例 6-5 while 循环 (06-05. cs) 。 


2) do-while 循环 
do-while 语句 的 格式 为 : 


例 6-6 do-while 循环 (06-06. cs) 。 


3) for 循环 
for 循环 表示 的 格式 为 : 


例 6-7 for 循环 (06-07. cs) 。 
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4) foreach 循环 
foreach 循环 通过 一 个 指定 数据 类 型 的 变量 ,循环 访问 数组 或 集合 中 的 元 素 。 其 基本 语 
法 格式 如 下 。 


例 6-8 foreach 循环 (06-08. cs) 。 


该 代码 将 在 页 面 中 显示 : 


3. 跳 转 语句 

常见 的 跳 转 语句 主要 是 break 语句 和 continue 语句 ,其 他 的 有 return 和 goto 语句 。 
1) break 语句 

break 语句 跳出 包含 它 的 switch、while .do ,for 或 for-each 语句 。 

例 6-9 break 语句 (06-09. cs) 。 


n 


上 述 代码 中 ,如 果 没 有 break 语句 ,while 循环 将 不 会 停止 。 在 这 个 程序 中 , 当 i 大 于 
100 时 , 则 跳出 循环 ,程序 执行 循环 之 后 的 下 一 个 语句 。 

2) continue 语句 

continue 语句 用 于 结束 本 次 循环 ,继续 下 一 次 循环 ,但 是 并 不 退出 循环 体 。 

例 6-10 ”continue 语句 (06-10. cs)。 


上 述 代码 中 , 当 n 是 3 的 整数 倍 时 ,让 语句 中 的 continue 将 被 执行 ,这 样 立即 跳出 本 次 
循环 而 开始 了 下 一 次 循环 。 


6.3 类 和 对 和 象 


在 程序 中 使 用 类 和 对 象 的 好 处 ,是 可 以 模型 化 现实 世界 中 的 对 象 , 即 把 对 象 的 属性 和 行 
为 封装 在 一 个 类 中 ,这 样 可 以 减少 解决 复杂 问题 的 难度 。C# 是 面向 对 象 的 程序 设计 语言 ， 
它 使 用 类 和 结构 来 实现 类 型 。 典 型 的 C# 应 用 程序 由 程序 员 自 定义 的 类 和 .NET 
Framework 提供 的 类 组 成 。 


6.3.1 类 和 对 象 的 创建 


类 是 相似 的 对 象 的 一 个 组 ,类 定义 对 象 的 属性 和 行为 。 类 可 以 认为 是 一 个 模板 ,用 来 创 
建 了 对 象 。 在 C# 中 ,属性 保存 在 叫做 * 域 "的 变量 中 ,行为 则 用 "方法 ?来 描述 ,两 者 都 是 类 
的 成 员 。 

类 是 一 种 数据 结构 ,包含 数据 成 员 (变量 、 域 和 事件 ) 和 函数 成 员 (方法 、. 属 性、 构造 函数 
和 析 构 函数 )。 类 的 数据 成 员 反 映 类 的 状态 :而 类 的 函数 成 员 反映 类 的 行为 。 

要 创建 一 个 类 ,在 菜单 中 选择 “文件 ”一 “新 建 项 目 ” 命 令 , 接 着 选择 “Visual C#” 和 “类 
库 ”, 如 图 6-3 所 示 。 单 击 “ 确 定 ” 按 钮 ,系统 将 自动 创建 一 个 类 库 的 命名 空间 ClassLibraryl， 
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并 建立 一 个 类 文件 名 为 Classl. cs。 


新 建 项 目 
EE ee es va zj 
已 安装 的 模板 < 
a windows 罕 洒 应 用 程序 Visual oe 间 Visoal Cs 
Visual Basic 和 用 于 创建 C# 类 库 (.d 几 的 项 目 
4 Visual Cs 副 WPF 应 用 程序 Visual C# 
Windows 
BN :=wsamer Visual cs 
Cloud ed a 
Repcrting 急 nspNET web a Visual cs 
Silverlight 一 
WCF cH| 闫 库 Visual C# 
isu 
Workflow 
mt 仿 ASPJNET MVC 2 Web 应 用 委 序 Visual C# 
其 他 项 目 类 型 Ea 
数据 库 CH silverlight 应 用 程序 Visual C# 
建 模 项 目 A 
测试 项 目 区 Silverlight 类 棕 Visual C# 
联机 模板 
EE vcr asenes Vea ce 
名 称 (N): ClassUibrary1 
位 置 (U); cMusers\yu\documents\visual studio 2010\Projects ~ 
解决 方 袜 各 称 [M): 。 ClassLibrary1 


图 6-3 创建 类 
在 新 建 的 类 文件 Classl. cs 中 ,默认 的 内 容 如 下 : 


using System; 

using System. Collections. Generic; 
using System. Ling; 

using System. Text; 


namespace ClassLibraryl 
{ 
public class Classl 
! 
} 


} 


上 述 代码 中 ,使 用 class 关键 字 定义 了 一 个 类 ,类 名 为 Class1。 此 时 可 以 在 类 体 中 定义 
类 的 数据 成 员 和 函数 成 员 。 

1. 类 的 声明 

类 的 定义 格式 如 下 : 


[访问 权限 符 ] class 类 名 [: 基 类 名 ] 
{ 

< 实例 变量 > 

< 方法 > 


这 里 ,访问 权限 符 可 以 定义 类 的 成 员 被 其 他 类 使 用 的 权限 。 表 6-8 列 出 了 常用 的 访问 
权限 符 ,采用 降序 的 方法 , 即 public 是 访问 权限 最 大 的 ; private 是 访问 权限 最 小 的 。 


表 6-8 访问 权限 符 
访问 权限 符 说 明 
public 完全 公开 ,可 以 被 所 有 的 类 所 访问 
internal 内 部 成 员 , 只 有 本 程序 中 的 成 员 能 够 访问 
protected 只 有 该 类 的 派生 类 可 访问 ,对 其 他 类 是 隐藏 的 
private 只 有 该 类 的 成 员 可 以 访问 ,任何 别 的 类 (包括 派生 类 ) 都 不 能 访问 


下 面 的 语句 定义 了 一 个 叫 Car 的 类 。 


在 类 Car 的 定义 中 ,每 个 域 都 有 一 个 访问 权限 符 , 一 般 用 public 声明 ,表示 对 其 存 取 无 
限制 。 方 法 也 用 public 定义 ,表示 对 它 的 调用 无 限制 。void 关键 字 表示 不 返回 值 。 

2. 创建 对 象 

1) 创建 和 访问 对 象 

类 是 创建 对 象 的 模板 ,一 旦 创建 了 类 ,就 可 以 创建 那个 类 的 对 象 。 下 面 的 语句 创建 了 一 
个 Car 对 象 。 


第 1 条 语句 声明 了 一 个 叫 myCar 的 Car 对 象 的 引用 ,用 来 保存 实际 的 Car 对 象 的 内 存 
地 址 。 第 2 条 语句 在 计算 机 内 存 中 实际 创建 Car 对 象 。new 操作 符 为 Car 对 象 分 配 内 存 ， 
Car 方法 创建 对 象 ( 也 叫 构造 函数 )。 

还 用 一 种 简化 的 写法 来 创建 对 象 。 


访问 对 象 的 域 和 方法 使 用 点 操作 符 (. ) 。 
例如 : 
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2) 空 值 
当 定 义 一 个 对 象 的 引用 时 ,其 初始 设置 为 null( 也 可 以 当做 “无 引用 ”) , 它 并 不 是 内 存 中 
的 一 个 实际 对 象 。 例 如 ,下 面 的 语句 声明 了 一 个 叫 myOtherCar 的 对 象 的 引用 : 


这 里 ,myOtherCar 初始 设置 为 null, 没 有 引用 实际 的 对 象 (或 者 说 ,没有 赋值 )。 此 时 ， 
下 面 的 行 编译 时 会 出 错 。 


也 可 以 把 null 直接 赋 给 一 个 对 象 引 用 。 
例如 : 


它 的 意思 是 myOtherCar 不 再 引用 一 个 对 象 。 程 序 不 能 使 用 myOtherCar 对 象 ,该 对 象 将 在 
资源 回收 的 过 程 中 被 移出 内 存 。 

3) 默认 域 值 和 初始 值 

当 用 类 创建 一 个 对 象 时 ,对 象 就 将 获得 自己 的 类 中 声明 的 域 拷贝 。 表 6-9 所 示 为 各 种 
类 型 的 默认 域 值 。 


表 6-9 默认 域 值 
类 型 默 认 值 类 型 默 认 值 
所 有 数字 类 型 0 字符 型 AN0' 
布尔 型 false 串 null 


在 声明 一 个 类 时 ,每 个 域 都 有 一 个 系统 默认 值 ,可 以 通过 赋 初 始 值 设置 域 的 默认 值 。 下 
面 来 看 一 个 完整 的 类 的 定义 和 使 用 。 
例 6-11 类 的 定义 和 使 用 (06-11. cs)。 


在 上 述 代 码 中 ,设计 了 一 个 类 Car, 同 时 实现 了 主 类 Tester, 这 里 通过 Main 函数 定义 了 
程序 运行 的 人 口 。 最 后 ,程序 的 输出 如 下 : 


6.3.2 属性 和 方法 


1. 类 的 数据 成 员 和 属性 

在 声明 类 的 数据 成 员 时 ,必须 指明 其 访问 级 别 , 默 认 的 访问 级 别 是 private。 若 要 使 某 
些 数据 成 员 对 外 公开 , 则 可 由 属性 来 实现 。 

换 句 话说 ,如 果 类 的 数据 成 员 声 明 为 public, 则 用 户 可 以 在 程序 中 直接 ,任意 地 访问 该 
成 员 ,导致 类 之 间 出 现 紧 耦 合 。 克 服 这 一 问题 的 方法 是 ,定义 私有 的 成 员 , 再 定义 公有 的 属 
性 ,对 其 提供 get 和 set 访问 。 

属性 的 定义 通过 get 和 set 关键 字 实现 ,get 用 来 定义 读 取 属性 时 的 操作 ,set 用 来 定义 
设置 属性 时 的 操作 。 

看 下 面 的 代码 : 
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如 果 一 个 属性 同时 具备 了 get 和 set 操作 , 则 该 属性 为 读 写 性 质 的 属性 ; 如 果 只 有 set 
操作 , 则 为 只 写 属性 ; 如 果 只 有 get 操作 , 则 为 只 读 属性 。 

2. 类 的 方法 

方法 是 执行 一 个 任务 的 一 组 语句 。 在 声明 方法 时 ,需要 指定 访问 权限 .返回 值 类 型 . 方 
法 名 、 使 用 的 参数 等 。 

1) 方法 的 定义 

声明 方法 的 语句 如 下 : 


方法 通过 return 语句 来 返回 值 。 如 果 方 法 没有 返回 值 , 则 使 用 void 关键 字 。 
在 例 6-11 定义 的 Car 类 中 ,只 有 两 个 无 返回 值 的 Start() 和 Stop()。 下 面 的 代码 定义 
了 一 个 带 返 回 值 的 Age 方 法 。 


2) 方法 的 重 载 

通过 方法 的 重 载 , 可 以 在 类 中 定义 方法 名 相同 而 参数 不 同 的 方法 。 参 数 不 同 指 的 是 参 
数 的 个 数 不 同 ,或 参数 的 类 型 不 同 。 当 一 个 重 载 方法 被 调用 时 ,C# 会 根据 调用 该 方法 的 参 
数 自动 调用 具体 的 方法 来 执行 。 

注意 :在 C# 中 ,方法 的 重 载 不 关心 返回 值 。 也 就 是 说 ,C# 不 允许 在 一 个 类 中 存在 两 个 
方法 名 和 参数 列表 相同 、 但 返回 值 不 同 的 方法 。 

例 6-12 方法 的 重 载 (06-12. cs) 。 


上 面 代码 中 ,第 1 个 方法 show() 没 有 参数 ,第 2 个 方法 show() 有 1 个 int 型 参数 ,第 3 
个 方法 show() 有 2 个 string 型 参数 。 


6.3.3 构造 函数 和 析 构 函数 


构造 函数 在 类 被 创建 时 自动 执行 (使 用 new 语句 时 ) , 析 构 函数 在 销毁 类 的 时 候 被 自动 
执行 。 

1. 构造 函数 (Constructor) 

类 的 构造 函数 是 这 样 的 一 种 机 制 : 用 来 在 创建 类 的 对 象 时 赋予 数据 成 员 的 值 。 构 造 函 
数 是 一 种 特殊 的 类 成 员 函 数 ,与 类 名 相同 ,但 不 能 有 返回 值 。 

构造 函数 用 于 执行 类 的 实例 的 初始 化 。 每 个 类 都 提供 一 个 默认 的 构造 函数 。 

使 用 构造 函数 请 注意 以 下 几 个 问题 : 

。 一 个 类 的 构造 函数 通常 与 类 名 相同 ; 

。 构造 函数 不 声明 返回 类 型 ; 

。 构造 函数 总 是 public 类 型 的 ; 

。 构造 函数 可 以 重 载 。 

例 6-13 构造 函数 (06-13. cs)。 
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上 述 代 码 声明 了 一 个 类 Point, 提 供 了 两 个 重 载 的 构造 函数 : 一 个 是 没有 参数 的 Point 
构造 函数 ; 另 一 个 是 包含 两 个 double 参数 的 Point 构造 函数 。 如 果 类 中 没有 提供 这 些 构 造 
函数 ,那么 C# (更 确切 地 说 是 CLR) 会 自动 创建 一 个 默认 的 构造 函数 。 注 意 ,一 旦 类 中 提 
供 了 自 定义 的 构造 函数 ,如 Point() 和 Point(double x，double y) , 则 默认 构造 函数 将 不 会 
提供 。 

2. 析 构 函数 

析 构 函数 是 实现 销毁 一 个 类 的 实例 的 方法 成 员 。 析 构 函 数 不 能 有 参数 ,不 能 加 任何 修 
饰 符 而 且 不 能 被 调用 。 由 于 析 构 函数 的 目的 与 构造 函数 相反 ,就 加 前 级 “一 "以 示 区 别 。 

虽然 C# 提供 了 一 种 新 的 内 存 管理 机 制 一 一 自动 内 存 管理 机 制 (Automatic Memory 
Management) ,资源 的 释放 是 可 以 通过 “垃圾 回收 器 ”自动 完成 的 ,一 般 不 需要 用 户 干预 ,但 
在 有 些 特殊 情况 下 还 是 需要 用 到 析 构 函数 的 ,如 在 C# 中 非 托 管 资 源 的 释放 。 

下 面 使 用 一 段 代码 来 表示 析 构 函数 是 如 何 使 用 的 : 


以 下 的 例子 综合 使 用 了 构造 函数 和 析 构 函数 。 
例 6-14 构造 函数 和 析 构 函数 (06-14. cs) 。 


6.3.4 继承 和 多 态 


1. 类 的 继承 性 (Inheritance) 

继承 的 机 制定 义 了 类 与 类 之 间 的 父子 关系 。 父 类 又 称 基 类 (Base Class) , 子 类 又 称 派生 
类 (Derived Class) , 父 类 和 子 类 之 间 形 成 了 继承 的 层次 体系 。 

在 C# 中 ,派生 类 从 它 的 直接 基 类 中 继承 成 员 : 方法 、 域 .属性 ,事件 ,索引 指示 器 。 除 
了 构造 函数 和 析 构 函数 外 ,派生 类 隐 式 地 继承 了 直接 基 类 的 所 有 成 员 ,并 在 此 基础 上 进行 局 
部 更 改 或 扩充 。 

下 面 通 过 一 个 例子 认识 基 类 与 派生 类 的 继承 关系 。 

例 6-15 类 的 继承 (06-15. cs) 。 


二 四 轴 


C# 语 言 大 础 


4SP NET Web 应 用 开发 技术 


weight = g; 
passengers = p; 
! 
上 
class Test 
{ 
public static void Main( string[ ] args ) 


让 
Car myCar = new Car(); 
myCar. Speak (); 


! 


上 述 代 码 中 ,Vehicle 作为 基 类 ,体现 了 汽车 实体 具有 的 公共 性 质 : 汽车 都 有 车 轮 和 重 
量 。Car 类 继承 了 Vehicle 的 这 些 性 质 并 且 添 加 了 自身 的 特性 : 搭载 的 乘客 数 。 

C# 中 的 继承 符合 下 列 规则 : 

。 继承 是 可 传递 的 。 如 果 A 是 基 类 ,B 从 A 中 派生 ,C 从 B 中 派生 ,那么 C 不 仅 继承 

了 B 中 声明 的 成 员 ,同样 也 继承 了 A 中 的 成 员 ,Object 类 作为 所 有 类 的 基 类 。 

。 派生 类 是 对 基 类 的 扩展 ,可 以 添加 新 的 成 员 , 但 不 能 除去 已 经 继承 的 成 员 的 定义 。 

。 构造 函数 和 析 构 函数 不 能 被 继承 。 

。 派生 类 如 果 定 义 了 与 继承 而 来 的 成 员 同 名 的 新 成 员 ,就 可 以 覆盖 已 继承 的 成 员 。 

2. 类 的 多 态 性 (Polymorphism) 

通过 继承 实现 的 不 同 对 象 调用 相同 的 方法 ,表现 出 不 同 的 行为 , 称 为 多 态 。 

C# 支 持 两 种 类 型 的 多 态 性 : 编译 时 的 多 态 , 运 行 时 的 多 态 。 

。 编译 时 的 多 态 是 通过 重 载 来 实现 的 ,如 方法 重 载 和 操作 符 重 载 ; 

。 运行 时 的 多 态 是 直到 系统 运行 时 , 才 根据 实际 情况 决定 实现 何 种 操作 。 

编译 时 的 多 态 性 提供 了 运行 速度 快 的 特点 ,而 运行 时 的 多 态 性 则 带 来 了 高 度 灵 活 和 抽 
象 的 特点 。 


6.4 字 符 串 


6.4.1 使 用 字符 串 


在 程序 中 经 常 需要 存储 一 系列 的 字符 。 通 常 使 用 Unicode 格式 的 字符 串 来 描述 字符 。 
Unicode 是 为 世界 上 绝 大 多 数 书写 语言 编码 的 标准 ,使 用 16 位 表示 一 个 单词 。 

1. 创建 字符 串 

下 面 的 语句 创建 了 一 个 叫 myString 的 字符 串 : 


String myString = "Hello World"; 


2. String 类 的 属性 和 方法 
字符 串 实 际 上 是 System. String 类 的 对 象 , 可 以 在 程序 中 使 用 其 包含 的 属性 和 方法 来 
操作 字符 串 。 表 6-10 给 出 了 String 类 的 属性 和 方法 。 


表 6-10 ”String 类 的 属性 和 方法 


属性 和 方法 描 述 
Chars 属性 字符 串 索 引 器 ,获取 当前 String 对 象 中 位 于 指定 字符 位 置 的 字符 
Length 属性 字符 串 中 的 字符 个 数 ( 只 读 ) 


Clone() 

Compare(String, String) 
CompareOrdinal(String, String) 
Compare(String, String) 
CompareTo(Object) 
Concat(String, String, String) 
String1. Contains(String2) 
Copy(String) 
EndsWith(String) 
Equals(String, String) 
Format(String, Object) 
IndexOf (Char) 

Insert (int, String) 
Intern(String) 

IsInterned() 

Join(String, String[]) 
LastIndexOf(Char) 
Normalize() 

PadLeft(Int32) 


PadRight(Int32) 


Remove(Int32) 
Replace(Char, Char) 


Split(Char[ ]) 


StartsWith(String) 
Substring(Int32) 
ToCharArray() 
ToLower() 

ToUpper() 

ToString() 

Trim() 或 Trim(Char[ ]) 
TrimEnd() 

TrimStart() 


返回 对 此 String 实例 的 引用 

比较 两 个 字符 串 

通过 计算 每 个 字符 串 中 字符 的 数值 来 比较 两 个 String 对 象 

比较 两 个 指定 的 字符 串 ,并 返回 一 个 整数 

将 此 实例 与 指定 的 Object 进行 比较 

连接 一 个 或 多 个 字符 串 ,构建 一 个 新 字符 串 

判断 字符 串 String2 是 否 出 现在 字符 串 Stringl 中 ,返回 一 个 布尔 值 
复制 一 个 字符 串 String 

确定 字符 串 的 结尾 是 否 与 指定 字符 串 匹配 

判断 两 个 字符 串 是 否 相 等 

格式 化 字符 串 ,即将 字符 串 String 的 每 项 按 Object 的 对 应 项 替换 
报告 指定 字符 Char 在 字符 串 中 第 一 次 出 现 处 的 索引 

在 字符 串 的 指定 起 始 位 置 (int) 插 入 一 个 指定 的 String 实例 

检索 系统 对 指定 String 的 引用 

返回 一 个 对 指定 String 的 引用 

串联 字符 串 数 组 的 所 有 元 素 , 在 每 个 元 素 之 间 使 用 指定 的 分 隔 符 
报告 指定 字符 或 字符 串 在 此 字符 串 中 最 后 出 现 处 的 索引 位 置 
返回 一 个 新 字符 串 , 其 二 进 制 表示 形式 符合 特定 的 Unicode 范式 
返回 一 个 新 字符 串 ,该 字符 串通 过 在 字符 左 侧 填充 空格 来 达到 指定 
的 总 长 度 ,从 而 实现 右 对 齐 

返回 一 个 新 字符 串 ,该 字符 串通 过 在 此 字符 串 中 的 字符 右 侧 填充 空 
格 来 达到 指定 的 总 长 度 ,从 而 使 这 些 字符 左 对 齐 

从 当前 字符 串 中 删除 指定 数量 的 字符 ,并 返回 新 字符 串 

在 当前 字符 串 中 ,用 指定 字符 (或 字符 串 ) 替 换 另 一 个 字符 (或 字符 
串 ) ,返回 新 字符 串 

返回 的 字符 串 数组 包含 此 实例 中 的 子 字 符 串 (由 指定 Unicode 字符 
数组 的 元 素 分 隔 ) 

确定 字符 串 的 开头 是 否 与 指定 的 字符 串 String 匹配 

从 指定 的 字符 位 置 开 始 检 索 一 个 子 字 符 串 

从 当前 字符 串 复制 字符 到 一 个 字符 数组 

字符 串 转 换 为 小 写 形式 

字符 串 转 换 为 大 写 形式 

将 此 实例 的 值 转换 为 String 

从 当前 String 对 象 的 开始 和 结尾 移 除 所 有 的 空格 或 一 组 指定 字符 
功能 同 Trim() 类 似 ,但 仅仅 移 除 尾部 的 所 有 空格 或 指定 字符 

功能 同 Trim() 类 似 , 但 仅仅 移 除开 头 的 所 有 空格 或 指定 字符 


下 面 简单 介绍 几 个 最 常用 的 属性 和 方法 。 


1) 使 用 Length 属性 从 字符 串 中 读 取 单个 字符 
String 类 有 一 个 Length 属性 ,表示 字符 串 中 的 字符 个 数 , 返 回 一 个 int 值 。 


圳 中 恰 


C# 语 言 具 础 
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通过 指定 一 个 字符 在 字符 串 中 的 位 置 (字符 索引 从 0 开始 ) ,从 字符 串 中 读 取 单个 字符 。 
例如 ,myString 字符 串 被 设置 为 "Hello World”, 则 myString[0] 为 H。 
下 面 的 例子 使 用 一 个 for 循环 来 读 取 一 个 字符 串 的 全 部 字符 。 


2) 使 用 ToString 方法 把 数据 转换 成 字符 串 

ToString 方法 可 以 应 用 于 任何 .NET FrameWork 所 提供 的 数据 类 型 ,将 之 转换 成 字符 
串 。 一 般 来 说 ,数据 类 型 在 转换 时 都 是 直接 使 用 ToString 方法 ,不 带 任何 参数 。 但 
DateTime 类 型 除外 , 它 需 要 在 ToString() 中 添加 参数 以 选择 输出 日 期 的 格式 。 此 外 ,数字 
要 想 格 式 化 输出 ,也 要 添加 参数 。 

例如 : 


(1) 使 用 ToString 方法 格式 化 数字 。 
常用 的 参数 及 其 含义 如 下 : 


例如 : 


(2) 使 用 ToString 方法 格式 化 日 期 和 时 间 。 
常用 的 参数 及 其 含义 如 下 : 


例如 : 


3) 使 用 Compare 方 法 比较 两 个 字符 串 
使 用 Compare 方法 的 语法 格式 如 下 : 


这 里 ,stringl 和 string2 是 要 比较 的 字符 串 ,分 别 返回 一 个 int 值 1.0、 一 1 来 指明 第 一 
个 字符 串 大 于 ,等 于 或 小 于 第 二 个 字符 串 。 
例如 : 


如 果 要 在 比较 中 考虑 字符 串 的 大 小 写 , 可 以 使 用 如 下 语法 : 


这 里 ,ignoreCase 是 一 个 bool 值 , 如 果 设 置 为 true( 默 认 值 ), 就 无 须 考 虑 字符 串 的 大 小 
写 ; 如 果 设 置 为 false, 比 较 时 就 要 考虑 大 小 写 。 
例如 : 


4) 连接 字符 串 

(1) 使 用 Concat 方法 连接 字符 串 。 

使 用 静态 的 Concat 方法 可 以 把 字符 串 连接 起 来 。 该 方法 返回 一 个 新 的 字符 串 , 即 把 后 
面 的 字符 串 添 加 在 前 一 个 字符 串 的 末尾 。Concat() 是 可 以 重 载 的 ,最 简单 的 语法 如 下 : 


这 里 ,stringl 和 string2 是 想 连 接 在 一 起 的 字符 串 。Concat() 中 的 参数 也 可 以 是 三 个 
字符 串 。 
例如 : 


(2) 使 用 重 载 的 加 运算 符 来 连接 字符 串 。 
也 可 以 使 用 重 载 的 加 运算 符 ( 十 ) 来 连接 字符 串 。 
例如 : 


C# 语 言 大 础 


地 加 四 
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字符 串 "To be, or not to be" 将 存储 在 myString6 中 。 

5) 检查 两 个 字符 串 是 否 相等 

(1) 使 用 Equals 方法 检查 两 个 字符 串 是 否 相等 。 

使 用 Equals 方法 可 以 检查 两 个 字符 串 是 否 相等 ,返回 一 个 布尔 值 。 它 有 两 种 格式 ,一 
个 是 在 String 类 中 调用 Equals() 的 静态 版 本 ; 另 一 个 是 通过 使 用 实际 的 字符 串 来 进行 比较 
的 实例 版 本 。 其 格式 如 下 : 


其 中 的 stringl 和 string2 是 要 比较 的 两 个 字符 串 。 
下 面 的 例子 中 ,mystringl 和 mystring2 是 想 要 比较 的 两 个 字符 串 。 


(2) 使 用 重 载 的 等 运算 符 来 检查 两 个 字符 串 是 否 相 等 。 
可 以 使 用 重 载 的 等 运算 符 (= 一) 来 检查 两 个 字符 串 是 否 相 等 。 下 面 的 例子 中 ,因为 
myString 和 myString2 内 容 不 同 ,boolResult 设置 为 false。 


例 6-16 ”字符 串 使 用 实例 (06-16.cs) 。 


代码 输出 结果 如 下 : 


4SP NET Web 应 用 开发 技术 


6.4.2 创建 动态 字符 串 


使 用 System. Text. StringBuilder 类 可 以 创建 动态 字符 串 。 同 String 对 象 的 一 般 字 符 
串 不 同 ,动态 字符 串 的 字符 可 以 被 直接 修改 。String 对 象 是 不 可 改变 的 ,修改 的 总 是 字符 串 
的 拷贝 。 每 次 使 用 System. String 类 中 的 方法 时 ,都 要 在 内 存 中 新 建 一 个 String 对 象 ,这 就 
需要 为 新 对 象 分 配 空间 ,增加 了 系统 开销 。 如 果 要 修改 字符 串 而 不 创建 新 的 对 象 , 则 可 以 使 
用 System. Text. StringBuilder 类 提升 性 能 。 

因此 , 当 进行 频繁 的 字符 串 操 作 或 操作 很 长 的 字符 串 时 ,使 用 StringBuilder 类 就 比 
String 类 在 效率 上 高 很 多 。 

1. 创建 StringBuilder 对 象 

下 面 的 语句 创建 了 一 个 叫 myStringBuilder 的 StringBuilder 对 象 。 


默认 情况 下 ,StringBuilder 对 象 初始 可 存储 最 多 16 个 字符 ,但 随 着 加 入 对 象 ,其 容量 将 
自动 增加 。 可 以 通过 构建 函数 传递 一 个 int 参数 来 指定 StringBuilder 对 象 的 初始 容量 ; 或 
传递 两 个 int 参数 ,其 中 第 2 个 参数 指定 StringBuilder 对 象 的 最 大 容量 。 

例如 : 


StringBuilder 对 象 的 最 大 容量 是 2 147 483 647 (这 也 是 StringBuilder 对 象 的 默认 
容量 )。 
可 以 通过 传递 一 个 字符 串 给 构建 函数 设置 StringBuilder 对 象 的 初始 字符 串 : 


2. 使 用 StringBuilder 对 象 的 属性 和 方法 
StringBuilder 类 提供 了 许多 属性 和 方法 ,如 表 6-11 和 表 6-12 所 示 。 


表 6-11 StringBuilder 类 的 属性 


属 人 性 类 型 描 述 
Capacity int 获取 或 设置 StringBuilder 对 象 中 可 以 存储 的 最 大 字符 数 
Length int 获取 或 设置 StringBuilder 对 象 中 的 字符 数 
MaxCapacity int 获取 StringBuilder 对 象 的 最 大 容量 
表 6-12 StringBuilder 类 的 方法 
方 法 返回 类 型 描 述 
Append() StringBuilder 在 StringBuilder 对 象 的 结尾 处 添加 字符 串 
AppendFornat() StringBuilder 在 StringBuilder 对 象 的 结尾 处 添加 格式 化 字符 串 
EnsureCapacity() int 确定 StringBuilder 对 象 的 当前 容量 至 少 等 于 一 个 特定 值 , 并 返 
回 一 个 int 值 ,其 中 包括 StringBuilder 对 象 的 当前 容量 
Equals() bool 返回 布尔 值 ,指定 StringBuilder 对 象 是 否 等 于 一 个 特定 对 象 
GetHashCode() int 返回 类 型 的 int 型 哈 希 码 
GetType() Type 返回 当前 对 象 的 类 型 
Insert() StringBuilder 在 StringBuilder 对 象 的 指定 位 置 插入 字符 串 
Remove() StringBuilder 从 StringBuilder 对 象 的 指定 位 置 开始 ,删除 特定 数目 的 字符 
Replace() StringBuilder 在 StringBuilder 对 象 中 ,用 字符 串 或 字符 代替 出 现 的 所 有 字符 
串 或 字符 
Tostring() String 将 StringBuilder 对 象 转换 为 一 个 字符 串 


可 以 看 到 ,操作 动态 字符 串 的 方法 比 操作 一 般 字 符 串 的 方法 少 。 
以 下 语句 是 错误 的 : 


StringBuilder sb = "hello world!"; 


sb = "change the 


content"; 


看 下 面 的 合法 语句 : 


StringBuilder sb= new StringBuilder("Hello World! "); 


sb. Insert(6, "Beautiful "); 
Console. WriteLinel( sb); 
sb. Remove(0, sb.Length); 


sb. Append( "Test for string change! "); 


int myInt = 25; 


// 不 合法 ,不 能 这 样 初始 化 一 个 字符 串 


// 不 合法 ,不 能 直接 把 String 转换 成 StringBuilder 


// 初 始 化 字符 串 sb 
// 将 字符 串 "Beautiful "添加 到 当前 指定 位 置 


// 输 出 "Hello Beautiful World! " 


// 移 除 整个 字符 串 
// 追 加 一 个 新 字符 串 


myStringBuilder. AppendFormat("...{0:C} ", myInt); 
// 将 一 个 设置 为 货币 值 格式 的 整数 值 放 到 StringBuilder 的 末尾 


StringBuilder 类 还 有 一 个 特性 , 它 的 Length 属性 不 是 ReadOnly( 只 读 ) 的 ,可 以 手动 设 
置 。 在 String 类 中 ,Length 属性 是 ReadOnly 的 。 有 这 样 的 一 组 语句 : 


StringBuilder mysb = new StringBuilder("12345"); // 初 始 化 一 个 字符 串 mysb 


mysb. Length=7; 


// 改 变 mysb 的 Length 属性 
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Console.WriteLine("mysb(len=7): {0}\n", mysb); // 输 出 mysb 的 内 容 为 "12345" 
mysb. Length= 3; 
Console. WriteLine( "mysb(len= 3): {0}\n", mysb); // 输 出 mysb 的 内 容 为 "123" 


6.5 集合 编程 


集合 是 C# 中 一 个 重要 的 数据 组 成 形式 ,通过 集合 可 以 将 数据 存储 于 其 中 ,并 通过 集合 
提供 的 特性 ,对 数据 进行 索引 、 取 值 排序 等 操作 。System. Collections 命名 空间 包含 这 样 
一 些 集合 类 ,如 ArrayList \ 哈 希 表 字典、 堆栈 .队列 等 ,其 对 象 创建 以 后 还 可 以 改变 容量 , 同 
时 提供 了 很 多 灵活 的 方法 来 操作 和 存 取 元 素 。 


6.5.1 ArrayList 


ArrayList 是 System. Collections 命名 空间 的 一 部 分 。ArrayList 可 以 理解 为 一 种 特殊 
的 数组 ,与 数组 (Array) 相 似 , 都 用 于 存储 一 组 有 序 的 数据 元 素 。 由 于 数组 本 身 需 要 固定 的 
长 度 , 如 果 向 其 中 增加 元 素 则 可 能 抛 出 异常 ,所 以 数组 不 够 灵活 。 

ArrayList 集合 可 以 动态 地 添加 或 删除 所 存储 的 元 素 。 使 用 整数 索引 可 以 访问 
ArrayList 集合 中 的 元 素 , 集 合 中 的 索引 从 0 开始 。 

创建 一 个 ArrayList 集合 对 象 时 ,不 用 定义 其 大 小 。ArrayList 有 一 个 属性 Capacity, 表 示 
集合 的 容量 , 即 能 够 存储 的 最 多 元 素 个 数 。ArrayList 集合 的 默认 初始 容量 为 16, 当 添加 第 17 
个 元 素 时 ,其 容量 自动 翻 倍 到 32。 你 可 以 手工 设置 容量 Capacity, 其 值 应 该 大 于 或 等 于 元 素 个 
数 , 如 果 设 置 的 值 小 于 元 素 个 数 , 则 程序 将 抛 出 一 个 异常 ArgumentOutOfRangeException 。 

创建 一 个 ArrayList 对 象 , 可 以 使 用 如 下 方法 : 


ArrayList myArrayList = new ArrayList(); 


使 用 Add 方法 可 以 给 ArrayList 增加 一 个 元 素 ,并 把 新 元 素 添加 到 ArrayList 的 末尾 。 
下 面 的 代码 给 myArrayList 增加 了 两 个 字符 串 。 


myArrayList. Add("Hello ") 
myArrayList. Add( "World ") 


可 以 使 用 Count 属性 来 获得 存储 在 ArrayList 中 的 元 素 个 数 。 读 取 ArrayList 中 的 元 
素 时 ,可 以 在 for 循环 中 使 用 Count 属性 。 
例如 : 


for (int i=0; i<myArrayList. Count; i++) 
{ 

Console. WriteLine( myArrayList[counter]); 
}: 


例 6-17 ArrayList 实例 (06-17. cs)。 


程序 的 输出 结果 如 下 : 


6.5.2 哈 希 表 


哈 希 表 (Hash Table) 表 示 一 个 关键 码 (Key) 和 值 (Value) 相 关联 的 集合。 也 就 是 说 ,在 | 寺 
哈 希 表 中 ,每 一 个 关键 码 都 与 一 个 值 相对 应 , 即 Key-Value 对 。 这 就 像 字 典 一 样 ,字典 中 的 
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单词 就 相当 于 关键 码 Key, 对 应 的 单词 定义 就 是 值 Value。 
建立 一 个 哈 希 表 , 可 以 使 用 如 下 的 方法 : 


1. 添加 元 素 
向 哈 希 表 中 增加 Key-Value 对 ,可 以 使 用 Add 方法 。 


Add 方 法 的 第 一 个 参数 是 关键 码 ; 第 二 个 参数 是 值 。 但 在 添加 元 素 时 ,如 果 使 用 了 重 
复 的 关键 码 , 则 会 给 出 一 个 异常 ArgumentException。 

2. 查找 关键 码 对 应 的 值 

要 想 查 找 一 个 关键 码 对 应 的 值 , 可 使 用 索引 来 表示 。 例 如 ,下 面 的 代码 在 myHashtable 
表 中 查找 一 个 关键 码 为 hk 对 应 的 值 。 


查找 的 返回 值 是 一 个 对 象 ,在 存储 到 myCountry 变量 之 前 被 强制 转换 为 字符 串 。 

3， 获取 关键 码 和 值 

要 获取 哈 希 表 中 的 关键 码 和 值 , 可 以 使 用 它 的 Keys 属性 和 Values 属性 。 

下 面 的 语句 中 ,利用 foreach 循环 分 别 读 取 myHashtable 的 Keys 属性 和 Values 属性 
来 显示 哈 希 表 中 全 部 的 关键 码 和 值 。 


哈 希 表 有 不 少 属性 和 方法 ,下面 通 过 一 个 例子 来 了 解 它 们 的 用 法 。 
例 6-18 哈 希 表 的 属性 和 方法 (06-18. cs) 。 


程序 的 输出 结果 如 下 : 
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6.5.3 队列 


队列 CQueues) 是 一 个 遵循 “先进 先 出 ”(First In First Out) 原 则 的 集合 。 在 一 端 输入 数 
据 称 为 加 队 (Enqueue) ; 在 另 一 端 输出 数据 称 为 减 队 (Dequeue)。 可 见 , 队 列 中 数据 的 插入 
和 删除 都 必须 在 队列 的 头 尾 进行 ,而 不 能 直接 在 中 间 的 任意 位 置 插入 和 删除 数据 。 

在 管理 有 限 的 资源 时 ,队列 是 一 个 非常 好 的 数据 结构 。 例 如 , 当 需 要 在 只 有 一 个 CPU 
的 计算 机 系统 中 运行 多 个 任务 时 ,由 于 计算 机 一 次 只 能 处 理 一 个 任务 ,其 他 的 任务 就 被 放 在 
一 个 专门 的 队列 中 排队 等 候 。 另外 ,打印 机 缓冲 池 中 的 等 待 作业 队列 ,也 是 使 用 队列 的 
例子 。 

创建 一 个 Queue 对 象 , 可 以 使 用 如 下 方法 : 


使 用 Enqueue 方法 可 以 添加 元 素 到 队列 尾 。 
例如 了 


这 些 元 素 在 队列 myQueue 中 的 顺序 为 This ,is \a \test。 

使 用 Dequeue 方法 可 以 删除 队列 头 的 元 素 。 该 方法 返回 这 个 元 素 , 然 后 从 队列 中 删除 
。 以 下 代码 将 显示 "This”, 它 也 将 从 myQueue 中 删除 。 

例如 : 


入 


读 取 队 列 中 最 前 面 的 元 素 , 可 以 使 用 Peek 方法 。 该 方法 也 返回 这 个 元 素 ,但 并 不 从 队 
列 中 删除 它 。 下 面 的 代码 将 会 显示 “is”, 该 元 素 在 队列 myQueue 的 最 前 面 。 


例 6-19 队列 操作 (06-19. cs)。 


程序 的 输出 结果 如 下 : 


6.5.4 堆栈 


堆栈 (Stacks) 是 一 种 遵循 “后 进 先 出 ”Last In First Out,LIFO) 原 则 的 数据 集合 ,简称 
为 栈 。 栈 只 能 在 一 端 输入 输出 , 它 有 一 个 固定 的 栈 底 和 一 个 浮动 的 栈 顶 。 所 有 对 堆栈 的 操 
作 都 是 针对 栈 顶 元 素 进行 的 。 如 果 栈 顶 指 针 指向 了 栈 底 , 说 明 当 前 的 堆栈 是 空 的 。 

创建 一 个 堆栈 对 象 ,可 以 使 用 下 述 代码 : 


对 堆栈 进行 操作 主要 有 如 下 方法 : 

(1) void Push(object item) : 在 堆栈 顶部 添加 一 个 元 素 , 也 叫 入 栈 。 
(2) object Pop() : 删除 栈 项 的 元 素 , 并 返回 该 元 素 , 也 叫 出 栈 。 

(3) object Peek() : 返回 栈 顶 元 素 , 但 不 删除 它 。 

下 面 的 例子 演示 了 这 个 堆栈 。 

例 6-20 ”堆栈 操作 (06-20. cs) 。 


持 吕 当 
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程序 的 输出 结果 如 下 : 


6.6 ”习题 与 上 机 练习 


1. 填空 题 

(1) C# 提 供 一 个 默认 的 无 参数 构造 函数 , 当 实 现 了 另 一 个 有 参数 的 构造 函数 ,还 想 保 
留 这 个 无 参数 的 构造 函数 ,应 该 写 个 构造 函数 。 

(2) 类 中 声明 的 属性 往往 具有 get() 和 两 个 访问 器 。 

(3) 对 于 方法 ,参数 传递 分 为 值 传 递 和 两 种 。 

(4) 当 在 程序 中 执行 到 语句 时 ,将 结束 所 在 循环 语句 中 循环 体 的 一 次 执行 。 

2. 选择 题 

(1) 下 列 关 于 构造 函数 与 析 构 函数 的 叙述 中 错误 的 是 (  )。 

A. 均 无 返回 值 


B. 均 不 可 定义 为 虚 函 数 


C. 构造 函数 可 以 重 载 ,而 析 构 函数 不 可 重 载 
D. 构造 函数 可 带 参数 ,而 析 构 函数 不 可 带 参数 
(2) 在 类 作用 域 中 能 够 通过 直接 使 用 该 类 的 ( 。”) 成 员 名 进行 访问 。 


A. 私有 B; 公用 C. 保护 D. 任何 
(3) 类 的 以 下 特性 中 ,可 以 用 于 方便 地 重用 已 有 的 代码 和 数据 的 是 ( ) 

A. 多 态 B. 封装 C. 继承 D. 抽象 
(4) 数据 类 型 转换 的 类 是 ( ”)。 

A. Mod B. Convert C. Const D. Single 
3. 问答 题 


(1) C# 语 言 中 , 值 类 型 和 引用 类 型 有 何不 同 ? 

(2) 如 何 访问 基 类 的 函数 ? 

(3) 构造 函数 有 什么 作用 ? 简 述 重 载 构造 函数 的 好 处 。 
(4) 结构 和 类 的 区 别 是 什么 ? 

4. 读 程 序 题 

(1) 写 出 以 下 程序 的 运行 结果 。 


(2) 写 出 下 列 函 数 的 功能 。 


地 加 炽 
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5. 上 机 练习 

(1) 编写 一 个 学 生 类 ,用 于 处 理学 生 信息 (学 号 、 姓 名 \ 性 别 、 专 业 )。 在 创建 学 生 类 的 实 
例 时 ,把 学 生 信息 作为 构造 函数 的 参数 输入 ,然后 将 学 生 信 息 在 浏览 器 输出 。 

(2) 编写 一 个 控制 台 应 用 程序 ,输出 1~5 的 平方 值 ,要 求 : 

@ 用 for 语句 实现 。 

@ 用 while 语句 实现 。 

@ 用 do-while 语句 实现 。 

(3) 编写 一 个 类 ,输入 矩形 的 长 和 宽 , 计 算 和 矩形 的 面积 。 

(4) 编写 一 个 控制 台 应 用 程序 ,完成 下 列 功能 。 

J@ 创建 一 个 类 ,用 无 参数 的 构造 函数 输出 该 类 的 类 名 。 

@ 增加 一 个 重 载 的 构造 函数 , 带 有 一 个 string 类 型 的 参数 ,在 此 构造 函数 中 将 传递 的 
字符 串 打 印 出 来 。 

@ 在 Main 方法 中 创建 属于 这 个 类 的 一 个 对 象 , 不 传递 参数 。 

@ 在 Main 方法 中 创建 属于 这 个 类 的 另 一 个 对 象 ,传递 一 个 字符 串 “This is a string. ”。 

@ 在 Main 方法 中 声明 类 型 为 这 个 类 的 一 个 具有 5 个 对 象 的 数组 ,但 不 要 实际 创建 分 
配 到 数组 中 的 对 象 。 


第 7 章 ASP.NET 服务 器 控件 


为 了 提高 Web 开发 的 效率 ,ASP.NET 应 用 了 “基于 控件 的 可 视 化 界面 设计 ”和 “事件 
驱动 的 程序 运行 模式 ”。 通 过 使 用 ASP.NET 提供 的 大 量 服务 器 控件 ,将 这 些 控 件 拖 放 到 
Web 窗 体 中 ,可 以 轻松 地 进行 ASP.NET 页 面 设计 。 同 时 ,给 特定 的 事件 提供 事件 响应 代 
码 的 编写 模板 ,大 大 方便 了 Web 软件 开发 者 ,提高 了 开发 效率 。 

本 章 将 介绍 Web 服务 器 控件 的 使 用 。 


7.1 ASP.NET 页 面 的 生命 周期 


ASP.NET 页 面 生 命 周 期 是 ASP.NET 中 非常 重要 的 概念 ,了 解 并 掌握 ASP.NET 页 面 
的 生命 周期 ,就 能 够 在 合适 的 生命 周期 内 编写 代码 ,执行 事务 ,并 开发 高 效 的 自 定义 控件 。 

ASP.NET 网 页 一 般 由 两 部 分 组 成 , 即 可 视界 面 和 处 理 逻 辑 。 

。 可 视界 面 : 由 HTML 标记 、ASP.NET 服务 器 控件 等 组 成 , 即 aspx 文件 。 

。 处 理 逻 辑 : 包含 事件 处 理 程序 和 代码 ,如 C# 代 码 , 即 cs 文件。 

ASP.NET 页 面 运行 时 ,页 面 将 经 历 一 个 生命 周期 ,在 生命 周期 内 ,该 页 面 将 执行 一 系 
列 的 步骤 ,包括 控件 的 初始 化 ,控件 的 实例 化 ,还 原状 态 和 维护 状态 等 ,以 及 通过 IIS 反馈 给 
用 户 呈 现成 HTML。 

一 般 来 说 ,Web 页 面 的 生命 周期 要 经 历 如 下 阶段 : 

页 面 请 求 一 开始 ~ 初始 化 一 页 面 加 载 控件 一 验证 ~ 回 发 事件 处 理 一 呈现 一 印 载 。 

1. 页 面 请 求 (Page Request) 

页 面 请 求 发 生 在 Web 页 面 生命 周 期 开始 之 前 。 当 用 户 请 求 一 个 Web 页 面 时 ,ASP 
.NET 将 确定 是 否 需 要 分 析 或 者 编译 该 页 面 ,或 者 是 否 可 以 在 不 运行 页 的 情况 下 直接 请 求 
缓存 响应 客户 端 。 

2. 开始 (Start) 

发 生 了 请 求 后 ,页 面 就 进入 了 开始 阶段 。 在 该 阶段 ,页 面 将 确定 请 求 是 回 发 请 求 还 是 新 
的 客户 端 请 求 , 并 设置 IsPostBack 属性 。 

3. 初始 化 (Page Initialization) 

在 页 面 开 始 后 ,进入 了 初始 化 阶段 。 初 始 化 期 间 , 页 面 可 以 使 用 服务 器 控件 ,并 为 每 个 
服务 器 控件 进行 初始 化 , 即 设置 每 一 个 控件 的 UniqueID 属性 。 

4. 页 面 加 载 控 件 (Load) 

如 果 当 前 请 求 是 回 发 请 求 , 则 页 面 里 各 个 控件 的 新 的 值 和 ViewState 将 被 恢复 或 设置 。 
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5. 验证 (Validation) 

在 验证 期 间 ,页面 中 验证 控件 调用 自己 的 Validate 方法 进行 验证 以 便 设置 自己 的 
IsValid 属性 ,因为 验证 控件 是 在 客户 端 和 服务 器 端 都 要 进行 验证 的 。 

6. 回 发 事件 处 理 (Postback Event Handling) 

如 果 请 求 是 回 发 请 求 , 则 调用 所 有 事件 的 处 理 程序 。 

7. 呈现 (Rendering) 

在 呈现 之 前 ,会 保存 所 有 控件 的 ViewState 视图 状态 。 在 呈现 期 间 ,页 会 调用 每 个 控件 
的 Render 方 法 ,将 各 个 控件 的 HTML 文本 输出 写 到 Response 的 OutputStream 属性 中 。 

8. 和 芭 载 (Unload) 

完全 呈现 页 面 后 ,将 页 面 发 送 到 客户 端 。 准 备 丢 奔 该 页 时 ,将 调用 印 载 即 卸 载 页 面 的 属 
性 并 执行 清理 ,资源 被 释放 。 


7.2 服务 器 控件 概述 


通常 情况 下 ,服务 器 控件 都 包含 在 ASP.NET 页 面 中 ,能 够 被 服务 器 端的 程序 代码 访问 
和 操作 。 

服务 器 控件 都 是 ASP.NET 页 面 上 的 对 象 , 采 用 事件 驱动 的 编程 模型 ,客户 端 触 发 的 事 
件 在 服务 器 端 来 处 理 。 所 有 的 服务 器 控件 事件 都 传递 两 个 参数 ,如 按钮 单 击 事件 Button_ 
Click(object sender,EventArgs e) 。 其 中 ,第 一 个 参数 sender 表示 引发 事件 的 对 象 , 以 及 包 
含 任 何事 件 特定 信息 的 事件 对 象 。 第 二 个 参数 e 是 EventArgs 类 型 ,对 于 某 些 控件 来 说 是 
特定 于 该 控件 的 类 型 。 


7.2.1 服务 器 控件 的 共有 属性 


共有 属性 就 是 所 有 的 服务 器 控件 都 有 的 属性 ,这 些 属 性 主要 用 来 设置 控件 的 外 观 、 布 
局 .可 访问 性 等 ,主要 包括 : 

。 布局 属性 ; 

。 行为 属性 ; 

。 可 访问 属性 ; 

。 数据 属性 ; 

。 外 观 属性 。 

每 个 服务 器 控件 都 有 一 个 id 属性 和 runat 二 "server" 属 性 。 其 中 ,id 属性 是 服务 器 控件 
的 唯一 标识 , 供 服 务 器 端 代码 进行 访问 。 

因此 ,定义 一 个 服务 器 控件 的 基本 语法 为 : 


<asp: 控 件 id= "控件 标识 ”runat = " server" 属性 1= 值 1,… ,属性 n= 值 n /> 


服务 器 控件 的 属性 既 可 以 通过 属性 页 窗口 来 设置 (如 图 7-1 所 示 ), 也 可 以 通过 HTML 
代码 实现 。 
例如 ,一 个 包含 服务 器 控件 的 HTML 代码 如 下 。 


< form id = "forml" runat = " server"> 
<asp:Button id= "btnSubmit" Text = "OK" OnClick = "btnSubmit_Click" runat = "server" /> 
<asp:Label id = "lblMessage" runat = "server"/> 

</form > 


该 页 面包 括 两 个 服务 器 控件 : asp:Button 按钮 控件 和 asp:Label 标签 控件 。 其 中 ,asp: 
Button 控件 的 OnClick 属性 声明 了 单 击 事件 的 处 理 程序 名 。 该 页 面 对 应 的 程序 代码 如 下 。 


protected void Page Load(Object sender, EventArgs e) 


| 

if (!IsPostBack) // 判 断 页 面 是 否 第 一 次 加 载 
lblMessage. Text = "页 面 第 一 次 访问 !"; 

} 

else 

{ 
lblMessage. Text = "页 面 被 提交 了 !"; 

} 


void btnSubmit_Click (Object sender, EventArgs e) ”// 按 下 OK 按钮 后 的 处 理 代码 


{ 
btnSubmit. Text = "You click me! " 


} 
上 述 代码 首先 定义 了 一 个 Page_Load 事件 ; 其 次 定义 了 一 个 按钮 的 Click 事件 处 理 程 


序 btnSubmit_Click。 局 位 "ox 
当 页 面 初次 被 加 载 时 ,会 执行 Page_Load 中 的 代码 ， | sse seerweeuiwescowovaun 。 
通过 判断 Page 对 象 的 IsPostBack 属性 来 确定 页 面 是 否 第 “| 国 四 


一 次 加 载 。 tee 
可 以 看 出 ,包含 Web 服务 器 控件 的 代码 分 成 两 部 分 ，|“ 守 0w。。 
一 部 分 是 HTML 代码 ; 另 一 部 分 是 程序 代码 。 其 代码 的 | Seovese bert 


文件 存储 形式 有 两 种 ,一 种 是 全 部 保存 在 一 个 aspx 文件 | cemmeravome 


True 


里 ; 另 一 种 是 分 成 两 个 文件 , 即 页 面 代码 aspx 文件 和 程序 | soberenne Ts 


EnableViewstate ”True 


代码 cs 文件 。 OnClientClick 


PostBackUrl 
SkinlD 


7.2.2 服务 器 控件 的 共有 事件 守 


UseSubmitBehaviot True 
ValidationGroup 


服务 器 控件 的 事件 用 于 当 服务 器 进行 到 某 个 时 刻 引 | vewemewese hert 
发 从 而 完成 某 些 任务 。 事 件 的 回 发 会 导致 页 面 的 Init 事 | ee 
件 和 load 事件 等 。 在 页 面 的 Onload 事件 方法 中 编写 代码 | wm  。 
时 ,还 需要 根据 情况 判断 是 否 需要 检测 回 发 事件 ,常用 的 | epeesem 
检测 方法 就 是 通过 Page. isPostBack、 Page. IsCallback、Page. Eee 
IsCrossPagePostBack 等 属性 来 判断 页 面 事件 的 状态 。 服 务 
器 控件 共有 的 事件 如 表 7-1 所 示 。 图 7-1 服务 器 控件 的 属性 页 


ASP.NET 服务 器 挫 件 


击 忆 溃 
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表 7-1 服务 器 控件 共有 的 事件 


事件 说 明 
DataBinding 当 控 件 上 的 DataBind 方法 被 调用 ,并且 该 控件 被 绑 定 到 一 个 数据 源 时 被 激发 
Disposed 从 内 存 中 释放 一 个 控件 时 激发 
Init 控件 被 初始 化 时 激发 
Load 把 控件 装 入 页 面 时 会 激发 ,该 事件 在 Init 后 发 生 
PreRender 控件 准备 生成 它 的 内 容 时 激发 
Unload 从 内 存 中 印 载 控件 时 激发 


7.2.3 服务 器 控件 的 分 类 


ASP.NET 服务 器 控件 主要 分 为 HTML 控件 、Web 服务 器 控件 、 验 证 控件 和 用 户 控件 
4 类 ,说 明 如 下 : 

(1) HTML 服务 器 控件 (HTML Server Controls): 这 是 对 HTML 标记 的 扩展 ,每 个 
HTML 控件 都 和 原来 的 HTML 标记 一 一 对 应 。 通 常 ,ASP.NET 文件 中 的 HTML 元 素 默 
认 作 为 文本 进行 处 理 。 为 了 使 这 些 元 素 可 编程 化 ,需要 添加 runat= "server"” 属性 ,指示 
HTML 元 素 应 作为 服务 器 控件 进行 处 理 。 

(2) Web 服务 器 控件 (Web Server Controls) : Web 服务 器 控件 是 服务 器 可 理解 的 特殊 
ASP.NET 标签 。 它 的 功能 更 加 强大 、 使 用 更 加 灵活 ,但 
不 一 定 对 应 到 某 个 HTML 元 素 。 

(3) 验证 控件 (Validation Controls): 用 于 验证 用 户 
输入 。 如 果 没 有 通过 验证 ,将 向 用 户 显 示 一 条 错误 消息 。 

一 般 与 HTML 控件 或 者 Web 控件 结合 使 用 。 et 

(4) 用 户 控 件 (User Controls): 由 用 户 创建 ,可 以 赔 CheckBonist 
入 到 Web 窗 体 中 的 控件 。 a 


7.3 标准 的 Web 服务 器 控件 


上 


AdRotator 
BulletedList 
Button 


四 画图 齐 对” 章 
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HiddenField 
Hyperlink 
Image 
ImageButton 
lmageMap 

Web 服务 器 控件 位 于 System. Web. UL WebControls 人 
命名 空间 中 ,是 从 WebControl 基 类 直接 或 间接 派生 出 
来 的 。 

Web 服务 器 控件 的 标准 控件 如 图 7-2 所 示 。 它 通常 
分 为 4 类 控件 ， 

。 文本 输入 与 显示 控件 ; 

。 控制 权 转移 控件 ; 

。 选择 控件 ; 

。 容器 控件 。 

下 面 分 别 对 这 4 类 控件 进行 介绍 。 
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图 7-2 Web 服务 器 控件 


7.3.1 文本 输入 与 显示 控件 


文本 输入 控件 包括 文本 控件 (TextBox) 。 
显示 控件 包括 显示 文本 的 标签 控件 (Label) 和 显示 图 片 的 图 像 控 件 (Image) 两 种 。 
1. 文本 控件 (TextBox) 


TextBox 控件 用 于 提供 文本 编辑 能 力 。TextBox 控件 支持 多 种 模式 ,可 以 用 来 实现 单 
行 输入 、 多 行 输入 和 密码 输入 。 表 7-2 所 示 为 文本 控件 的 属性 列表 。 
表 7-2 TextBox 控件 的 属性 
属 性 说 明 


AutoPostBack 在 文本 修改 以 后 ,是 否 自动 重 传 。 默 认为 False, 当 设置 为 True 时 ,用 户 更 改 内 
容 后 触发 TextChanged 事件 


Columns 文本 框 的 宽度 
EnableViewState ”控件 是 否 自动 保存 其 状态 以 用 于 往返 过 程 
MaxLength 用 户 输入 的 最 大 字符 数 
ReadOnly 是 否 为 只 读 
Rows 作为 多 行文 本 框 时 所 显示 的 行 数 
Text 获取 或 设置 TextBox 控件 中 的 数据 
TextMode 显示 模式 , 取 值 为 SngleLine、MultiLine 或 Password 
例如 : 
private void txtUserName TextChanged(object sender，System. EventArgs e) 
让 
Labell. Text = txtUserName. Text; 


2. 标签 控件 (Label) 
Label 控件 用 于 在 页 面 中 显示 只 读 的 静态 文本 或 数据 绑 定 的 文本 。 当 触发 事件 时 , 某 
一 段 文本 能 够 在 运行 时 更 改 。 示 例 代码 如 下 。 


<asp:Label ID = "Labell" runat = "server" Text ="Hello"></asp:Label> 


上 述 代码 声明 了 一 个 标签 控件 ,并 将 该 控件 的 ID 属性 设置 为 默认 值 Labell 。 由 于 该 
控件 是 服务 器 端 控 件 , 所 以 包含 runat 二 "server" 属 性 。 表 7-3 所 示 为 标签 控件 的 属性 和 
事件 。 


表 7-3 Label 控件 的 属性 和 事件 


属性 /事件 说 明 
Text 属性 获取 或 设置 Label 控件 中 的 数据 
TextChanged 事件 用 户 输入 信息 后 离开 TextBox 控件 时 引发 的 事件 


3. 图 像 控件 (Image) 
图 像 控 件 用 来 在 Web 窗 体 中 显示 图 片 或 图 像 , 图 像 控件 常用 的 属性 如 表 7-4 所 示 。 
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属 性 


表 7-4 ”Image 控件 的 属性 
说 明 


AlternateText 

DescriptionUrl 
GenerateEmptyAlternateText 
JmageAlign 

JmageUrl 

ToolTip 


在 图 像 无 法 显示 时 显示 的 蔡 换文 字 

包含 更 详细 的 图 像 说 明 的 URL 

当 未 指定 替换 文字 时 ,是否 生 成 空 的 替换 文字 属性 ,默认 为 False 
图 像 的 对 齐 方式 

要 显示 图 像 的 URL 

把 鼠标 放 在 控件 上 时 显示 的 工具 提示 


当 图 片 无 法 显示 的 时 候 , 图 片 将 被 蔡 换 成 AlternateText 属性 中 的 文字 ,ImageAlign 属 
性 用 来 控制 图 片 的 对 齐 方式 ,而 ImageUrl 属性 用 来 设置 图 像 连接 地 址 。 图 像 控 件 具有 可 
控 性 的 优点 ,可 以 通过 编写 HTML 来 控制 图 像 控件 。 例 如 ,图 像 控件 声明 代码 如 下 。 


<asp:Image ID = "Imagel"” runat = "server"” AlternateText = "图 片 连接 失效 " 
ImageUrl = "http://www. shangducms. com/ images/cms. jpg" /> 


上 述 代 码 设 置 了 一 个 图 片 , 当 图 片 失效 的 时 候 提 示 图 片 连接 失效 。 
注意 : 当 双 击 图 像 控件 时 ,系统 并 没有 生成 事件 所 需要 的 代码 段 ,说 明 Image 控件 不 支 


持 任何 事件 。 


7.3.2 控制 权 转 移 控 件 


控制 权 转 移 控 件 包 括 4 种 类 型 ; 

(1) Button 控件 : 显示 标准 HTML 窗 体 按 钮 。 

(2) LinkButton 控件 : 在 按钮 上 显示 超 文 本 链接 。 
(3) ImageButton 控件 : 显示 图 像 按钮 。 

(4) Hyperlink 控件 : 在 某 些 文本 上 显示 超 文 本 链接 。 


1. 按钮 控件 


Button、LinkButton 和 ImageButton 为 按钮 控件 ,能 够 触发 事件 ,或 将 网 页 中 的 信息 回 
传 给 服务 器 。 它 们 的 作用 基本 相同 ,主要 是 表现 形式 不 同 , 如 图 7-3 所 示 。 其 声明 代码 


如 下 : 


图 7-3 


ET ol x] 


(FH CSS x 和 


到 


mmet | 合式 : 室 肌 [R100% - / 


三 种 按钮 类 型 (Button、LinkButton 和 ImageButton) 


<asp:Button ID= "Button1”runat = "server”Text = "click me" /> <br /> 
<asp:LinkButton ID = "LinkButtonl" runat = "server"> click me</asp:LinkButton><br /> 
<asp:ImageButton ID = "ImageButton1"”runat = "server" ImageURL = "a.bmp" /> 


按钮 控件 用 于 事件 的 提交 ,通常 包含 一 些 公 共 的 属性 和 事件 , 表 7-5 和 表 7-6 分 别 所 示 
为 按钮 控件 的 公共 属性 和 特殊 属性 , 表 7-7 所 示 为 它们 的 公共 事件 。 


表 7-5 按钮 控件 (Button .LinkButton 和 ImageButton) 的 公共 属性 


属 性 说 明 
CausesValidation 属性 按钮 是 否 导致 激发 验证 ,默认 为 True 
CommandArgument 属性 与 此 按钮 关联 的 命令 参数 
CommandName 属性 与 此 按钮 关联 的 命令 
Enabled 属性 控件 的 已 启用 状态 ,默认 为 True 
EnableViewState 属性 控件 是 否 自动 保存 其 状态 以 用 于 往返 过 程 ,默认 为 TRUE 
OnClientClick 属性 在 客户 端 OnClick 上 执行 的 客户 端 脚本 
ValidationGroup 属性 当 控 件 导致 回 发 时 应 验证 的 组 
ViewStateMode 属性 确定 该 按钮 是 否 启用 了 viewstate( 默 认为 从 父 代 继承 ) 

表 7-6 Button ImageButton 和 LinkButton 的 特殊 属性 
控件 名 称 属 性 说 明 
让 UseSubmitBehavior 属性 指示 按钮 是 否 呈 现 为 提交 按钮 
Text 属性 在 按钮 上 显示 的 文本 
ImageAlign 属性 图 像 的 对 齐 方式 


PostBackURL 属性 


单 击 按钮 时 所 发 送 到 的 URL 


ImageButtol 
En AlternateText 属性 


在 图 像 无 法 显示 时 显示 的 替换 文字 


ImageURL 属性 要 显示 的 图 像 的 URL 
| 属性 要 为 该 链接 显示 的 文本 
PostBackURL 属性 单 击 按钮 时 所 发 送 到 的 URL 


表 7-7 按钮 控件 (Button、LinkButton 和 ImageButton) 的 公共 事件 


事 件 说 明 
Click 事件 单 击 按钮 时 会 引发 该 事件 
Command 事件 在 单 击 按钮 并 定义 关联 的 命令 时 激发 
DataBinding 事件 在 要 计算 控件 的 数据 绑 定 表达 式 时 激发 
Disposed 事件 在 控件 已 被 释放 后 激发 
Init 事件 在 初始 化 页 后 激发 
Load 事件 在 加 载 页 后 激发 
PreRender 事件 在 呈现 该 页 前 激发 
Unload 事件 在 和 卸载 该 页 时 激发 


值得 一 提 的 是 ,最 常用 的 按钮 事件 是 Click 单 击 和 Command 命令 事件 。Click 事件 不 
能 传递 参数 ,处 理 的 事件 相对 简单 。Command 事件 可 以 传递 参数 ,负责 传递 参数 的 是 


CommandArgument 属性 和 CommandName 属性 。 
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当 按钮 同时 包含 Click 事件 和 Command 事件 时 ,通常 情况 下 会 执行 Command 事件 。 
通过 判断 按钮 的 CommandArgument 属性 和 CommandName 属性 值 , 可 以 执行 不 同 的 方 
法 。 这 样 就 实现 了 同一 个 按钮 根据 不 同 的 值 进行 不 同 的 处 理 和 响应 ,或 者 多 个 按钮 与 一 个 
处 理 代码 相关 联 。 相 比 Click 单 击 事件 而 言 ,'Command 命令 事件 具有 更 高 的 可 控 性 。 

2. 超 链接 控件 (HyperLink) 

超 链接 控件 相当 于 实现 了 HTML 代码 中 的 “过 a href 二 URL 地 址 二 二 /a 二 "效果 。 当 
拖 动 一 个 超 链接 控件 到 页 面 时 ,系统 会 自动 生成 控件 声明 代码 ,示例 代码 如 下 所 示 。 


<asp:HyperLink ID = "HyperLink1" runat = "server"> HyperLink </asp:HyperLink> 


表 7-8 所 示 是 HyperLink 控件 的 属性 。 
表 7-8 ”HyperLink 的 属性 


属 性 说 明 属 性 说 明 
Text 属性 要 为 该 链接 显示 的 文本 “|‖ NavigateURL 属性 定位 到 的 URL 
ImageURL 属性 要 显示 的 图 像 的 URL Target 属性 NavigateUrl 的 目标 框架 


7.3.3 选择 控件 

顾名思义 ,选择 控件 就 是 在 一 组 选项 中 选 出 一 项 或 多 项 ,通常 包括 4 大 类 型 : 

(1) 单 选 控件 (RadioButton) : 用 于 在 一 个 选项 列表 中 选择 一 个 选项 ,使 用 时 通常 会 与 
其 他 RadioButton 控件 组 成 一 组 ,以 提供 一 组 互 斥 的 选项 。 

(2) 复 选 框 控件 (CheckBox): 可 选择 一 项 或 多 项 ,每 个 选项 可 在 选中 和 清除 这 两 种 状 
态 间 切换 。 

(3) 下 拉 列 表 控 件 (DropdownList) : 允许 用 户 从 预定 义 的 列表 中 选择 一 项 。 

(4) 列表 控件 (ListBox): 允许 用 户 从 预定 义 列表 中 选择 一 项 或 多 项 。 

下 面 分 别 对 这 几 种 控件 加 以 介绍 。 

1. 单 选 控件 和 单 选 组 控件 (RadioButton 和 RadioButtonList) 

1) 单 选 控件 (RadioButton) 

单 选 控件 可 以 为 用 户 选 择 某 一 个 选项 , 单 选 控件 的 常用 属性 和 事件 如 表 7-9 所 示 。 

表 7-9 RadioButton 的 属性 和 事件 


属性 /事件 说 明 
AutoPostBack 属性 当 单 击 控件 时 ,自动 回 发 到 服务 器 ,默认 为 False 
CausesValidation 属性 该 控件 是 否 导致 激发 验证 ,默认 为 False 
Checked 属性 控件 的 已 选中 状态 ,默认 为 False 
GroupName 属性 此 单 选 控件 所 属 的 组 名 
Text 属性 显示 的 文本 标签 
TextAlign 属性 文本 标签 相对 于 控件 的 对 齐 方 式 , 默 认为 Right 
CheckedChanged 事件 在 更 改 控 件 的 选中 状态 时 激发 


单 选 控件 通常 需要 Checked 属性 来 判断 某 个 选项 是 否 被 选中 ,多 个 单 选 控件 之 间 可 能 
存在 着 某 些 联 系 ,这 些 联系 通过 GroupName 进行 约束 和 联系 ,示例 代码 如 下 所 示 。 


上 述 代码 声明 了 三 个 单 选 控件 ,并 将 GroupName 属性 都 设置 为 chos。 单 选 控件 中 最 
常用 的 事件 是 CheckedChanged, 当 控件 的 选中 状态 改变 时 , 则 触发 该 事件 ,示例 代码 如 下 。 


上 述 代码 中 ,当选 中 状态 被 改变 时 , 则 触发 
相应 的 事件 ,显示 被 选中 的 项 ,如 图 7-4 所 示 。 

与 TextBox 文 本 框 控件 相同 的 是 , 单 选 控件 
不 会 自动 进行 页 面 回 传 , 必须 将 AutoPostBack 
属性 设置 为 true 时 才能 在 焦点 丢失 时 触发 相应 
的 CheckedChanged 事件 。 

2) 单 选 组 控件 (RadioButtonList) 

单 选 组 控件 也 是 只 能 选择 一 个 项 目的 控件 ， 
而 与 单 选 控件 不 同 的 是 , 单 选 组 控件 没有 图 7-4 单 选 控件 的 使 用 
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GroupName 属性 ,但 是 却 能 够 列 出 多 个 单 选项 目 。 另 外 , 单 选 组 控件 所 生成 的 代码 也 比 单 
选 控件 实现 的 相对 较 少 。 单 选 组 控件 添加 项 如 图 7-5 所 示 。 


2 
stem 条 会 信 名 中 ER 
成 员 (M): Choose3 属性 (P): 
加 choose 由 EE 面 
村 choose2 站 天 一 
Enabled True 
Selected False 
Text Choose3 
Value Choose3 


|e 
[Le | ww | 


图 7-5 单 选 组 控件 添加 项 
添加 项 目 成 员 后 ,系统 自动 在 .aspx 页 面 声明 服务 器 控件 代码 ,代码 如 下 所 示 。 


<asp:RadioButtonList ID = "RadioButtonList1" runat = "server" 
SelectedIndexChanged = "RadioButtonList1 SelectedIndexChanged"> 
<asp:ListItem> Choosel </asp:ListItem> 
<asp:ListItem> Choose2 </asp:ListItem> 
<asp:ListItem> Choose3 </asp:ListItem> 

</asp:RadioButtonList> 


上 述 代 码 使 用 了 单 选 组 控件 进行 单 选 功能 的 实现 。 单 选 组 控件 的 属性 和 事件 如 表 7-10 
所 示 。 
表 7-10 ”RadioButtonList 的 属性 和 事件 


属性 /事件 说 明 
AutoPostBack 属性 当选 定 内 容 更 改 后 ,自动 回 发 到 服务 器 ,默认 为 False 
DataMember 属性 用 于 绑 定 的 表 或 视图 
DataSourcelD 属性 将 被 用 作 数 据 源 的 DataSource 的 控件 ID 
DataTextFiled 属性 数据 源 中 提供 项 文本 的 字段 
DataTextFormatString 属性 应 用 于 文本 字段 的 格式 ,如 ,"{0:d}" 
DataValueField 属性 数据 源 中 提供 项 值 的 字段 
Items 属性 列表 中 项 的 集合 
RepeatColumns 属性 用 于 布局 项 的 列 数 , 初 值 为 0 
RepeatDirection 属性 项 的 布局 方向 ,默认 为 Vertical 
RepeatLayout 属性 项 是 否 在 某 个 表 或 者 流 中 重复 
SelectedIndexChanged 事件 在 更 改选 定 索 引 后 激发 


TextChanged 事件 在 更 改 文本 属性 后 激发 


同 单 选 控件 一 样 ,双击 单 选 组 控件 时 ,系统 会 自动 生成 SelectedIndexChanged 事件 的 声 
明 , 可 以 在 该 事件 中 编写 代码 。 当 选 定 一 项 内 容 时 ,示例 代码 如 下 所 示 。 

protected void RadioButtonListl1 SelectedIndexChanged(object sender, EventArgs e) 

{ 

Labell. Text = RadioButtonListl.Text; // 文 本 标签 的 值 等 于 选择 的 控件 的 值 

} 

2. 复 选 框 控件 和 复 选 组 控件 (CheckBox 和 CheckBoxList) 

1) 复 选 框 控件 (CheckBox) 

同 单 选 框 控件 一 样 , 复 选 框 也 是 通过 Check 属性 判断 是 否 被 选中 。 不 同 的 是 , 复 选 框 
控件 没有 GroupName 属性 ,以 下 代码 声明 了 两 个 复 选 框 控件 。 


<form id = "form2" runat = "server"> 
<asp:CheckBox ID = "CheckBoxl" runat = "server" Text = "Checkl" AutoPostBack= "true" /> 


<asp:CheckBox ID = "CheckBox2" runat = "server" Text = "Check2" AutoPostBack= "true" /> 
</form> 


当 双 击 复 选 框 控件 时 ,系统 会 自动 生成 CheckedChanged 事件 的 声明 。 当 复 选 框 控 件 
的 选中 状态 被 改变 后 ,会 激发 该 事件 。 示 例 代码 如 下 所 示 。 


protected void CheckBoxl1 CheckedChanged( object sender, EventArgs e) 


{ 

Labell. Text =" 选 框 1 被 选中 "; // 当 选 框 1 被 选中 时 
protected void CheckBox2_CheckedChanged( object sender, EventArgs e) 
{ 

Labell.Text = " 选 框 2 被 选中 "; // 当 选 框 2 被 选中 时 

Labell. Font. Size = FontUnit. XXLarge; 
|} 


上 述 代码 分 别 为 两 个 选 框 设置 了 事件 ,设置 了 当选 择 选 框 1 时 , 则 文本 标签 输出 “ 选 框 
1 被 选中 ”。 当 选择 选 框 2 时 , 则 输出 * 选 框 2 被 选中 ”。 

对 于 复 选 框 而 言 ,用户 可 以 在 复 选 框 控件 中 选择 多 个 选项 ,所 以 就 没有 必要 为 复 选 框 控 
件 进行 分 组 。 也 就 是 说 , 复 选 框 控 件 没有 GroupName 属性 。 

2) 复 选 组 控件 (CheckBoxList) 

同 单 选 组 控件 相同 , .NET 服务 器 控件 中 同样 包括 了 复 选 组 控件 (CheckBoxList) , 拖 动 
一 个 复 选 组 控件 到 页 面 可 以 添加 复 选 组 列表 。 添 加 在 页 面 后 ,系统 生成 代码 如 下 。 


< asp:CheckBoxList ID = "CheckBoxList1" runat = "server" AutoPostBack = "True" 
SelectedIndexChanged = "CheckBoxList1 SelectedIndexChanged"> 
<asp:ListItem Value = "Choosel"> Choosel </asp:ListItem> 
<asp:ListItem Value = "Choose2"> Choose2 </asp:ListItem> 
<asp:ListItem Value = "Choose3"> Choose3 </asp:ListItem> 
</asp:CheckBoxList> 


地 人 典 


复 选 组 控件 最 常用 的 是 SelectedIndexChanged 事件 。 当 控件 中 某 项 的 选中 状态 被 改变 


ASP.NET 服务 器 挫 件 


4SP NET Web 应 用 开发 技术 


时 , 则 会 触发 该 事件 。 示 例 代码 如 下 。 


上 述 代 码 中 ,Item 数组 是 复 选 组 控件 中 项 目的 集合 ,其 中 Items[0] 是 复 选 组 中 的 第 一 
个 项 目 。CheckBoxListl. Items[0]. Selected 用 来 判断 是 否 被 选中 。 上 述 代码 用 来 修改 
Label 标签 的 字体 大 小 。 

注意 : 复 选 组 控件 与 单 选 组 控件 不 同 的 是 ,不 能 够 直接 获取 复 选 组 控件 某 个 选中 项 目 
的 值 ,因为 复 选 组 控件 返回 的 是 第 一 个 选择 项 的 返回 值 ,只 能 够 通过 Item 集合 来 获取 选择 
某 个 或 多 个 选中 的 项 目 值 。 

3. 下拉 列表 控件 (DropDownList) 

列表 控件 能 够 在 一 个 控件 中 为 用 户 提供 多 个 选项 , 既 简化 用 户 的 输入 ,同时 又 防止 用 户 
输入 错误 的 选项 。 列 表 控 件 主 要 包括 下 拉 列 表 DropDownList 和 多 项 选择 列表 ListBox 
两 种 。 

使 用 DropDownList 下 拉 列 表 控 件 , 可 以 有 效 地 避免 用 户 输 入 无 效 或 错误 的 信息 。 例 
如 , 当 输 入 性 别 时 ,除了 男 就 是 女 , 输 入 其 他 的 信息 就 是 错误 的 。 下 列 语句 声明 了 一 个 
DropDownList 列表 控件 。 


DropDownList 控件 也 可 以 绑 定数 据 源 控件 ,常用 的 事件 是 SelectedIndexChanged, 当 
用 户 选择 相应 的 项 目 ,使 得 DropDownList 控件 选择 项 发 生变 化 时 , 则 会 触发 该 事件 ,示例 
代码 如 下 。 


Labell.Text = "你 选择 了 第 ”+ DropDownList1.Text + "项 "; 
} 


下 拉 列 表 控 件 的 属性 和 事件 如 表 7-11 所 示 。 
表 7-11 DropDownList 的 属性 和 事件 


属性 /事件 说 明 
AppendDataBoundItems 属性 将 数据 绑 定 项 追加 到 静态 声明 的 列表 项 上 ,默认 为 False 
AutoPostBack 属性 当选 定 内 容 更 改 后 ,自动 回 发 到 服务 器 ,默认 为 False 
DataMember 属性 用 于 绑 定 的 表 或 视图 
DataSourceID 属性 将 被 用 作 数据 源 的 DataSource 的 控件 ID 
DataTextFiled 属性 数据 源 中 提供 项 文本 的 字段 
DataTextFormatString 属性 应 用 于 文本 字段 的 格式 ,如 "{0:d}" 

DataValueField 属性 数据 源 中 提供 项 值 的 字段 
Items 属性 列表 中 项 的 集合 
SelectedIndexChanged 事件 在 更 改选 定 索引 后 激发 
TextChanged 事件 在 更 改 文本 属性 后 激发 


4. ListBox 列表 控件 
相对 于 DropDownList 控件 而 言 ,ListBox 控件 可 以 通过 SelectionMode 属性 指定 用 户 
是 否 允 许多 项 选择 。 当 创建 一 个 ListBox 列表 控件 后 ,示例 代码 如 下 。 


<asp:ListBox ID = "ListBoxl" runat = "server" AutoPostBack = "True" 
onselectedindexchanged = "ListBoxl SelectedIndexChanged"> 
<asp:ListItem> 第 1 项 </asp:ListItem> 
<asp:ListItem> 第 2 项 </asp:ListItem> 
<asp:ListItem> 第 3 项 </asp:ListItem> 
<asp:ListItem> 第 4 项 </asp:ListItem> 

</asp:ListBox > 

<asp:Label ID = "Label1" runat = "server" Text =" 你 所 选 的 项 目 为 : "></asp:Label > 


ListBox 控件 的 属性 与 DropDownList 控件 基本 上 相同 ,只 增加 了 两 个 属性 ,如 表 7-12 
所 示 。 


表 7-12 ListBox 控件 比 DropDownList 控件 增加 的 属性 


属 性 说 明 
Rows 要 显示 的 可 见 行 的 数目 
SelectionMode 列表 的 选择 模式 ,默认 为 Single 


设置 SelectionMode 属性 为 Single 时 ,表明 只 允许 用 户 从 列表 框 中 选择 一 个 项 目 ; 如 果 
设置 SelectionMode 属性 为 Multiple 时 ,用 户 可 以 按 住 Ctrl 键 或 使 用 Shift 组 合 键 ,从 列表 
中 选择 多 个 数据 项 。 

同样 ,SelectedIndexChanged 也 是 ListBox 控件 中 最 常用 的 事件 ,可 以 对 事件 编码 
如 下 。 
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上 面 的 程序 实现 了 与 DropDownList 同样 的 效果 。 
当 用 户 需要 选择 ListBox 列表 中 的 多 项 时 , 即 SelectionMode 属性 为 Multiple, 开 发 人 
员 编 写 的 事件 代码 如 下 所 示 。 


上 述 代 码 使 用 了 “十 二 ”运算 符 , 当 用 户 每 多 选 一 
项 的 时 候 , 都 会 触发 SelectedIndexChanged 事件 , 如 
图 7-6 所 示 。 


7.3.4 容器 控件 
你 迁 笃 了 第 1 硕 


有 两 种 类 型 的 容器 控件 ， bE 

。 面板 控件 (Panel) :可 用 作 静 态 文本 和 其 他 控件 
的 父 级 控件 。 

。 占 位 控件 (PlaceHolder) :存储 动态 添加 到 网 页 。 图 7-6 ListBox 控件 的 多 选 效 果 
上 的 服务 器 控件 的 容器 。 

下 面 对 这 两 个 控件 加 以 介绍 。 

1. 面板 控件 

面板 控件 可 以 作为 一 组 控件 的 容器 。 通 过 设置 在 面板 控件 内 的 所 有 控件 是 显示 还 是 隐 

藏 ,从 而 达到 设计 者 的 特殊 目的 。 当 创建 一 个 面板 控件 时 ,系统 生成 的 HTML 代码 如 下 。 


面板 控件 的 常用 功能 就 是 显示 或 隐藏 一 组 控件 ,其 Visible 属性 的 默认 值 为 True 。 设 
置 Panel 控件 的 HTML 代码 如 下 。 


上 述 代码 创建 了 一 个 Panel 控件 ,初始 状态 为 不 可 见 。 在 Panel 控件 外 有 一 个 Button 
控件 。 当 用 户 单 击 Button 控件 时 ,将 显示 Panel 控件 。cs 代码 如 下 所 示 。 


当 页 面 初次 被 载 人 时 ,Panel 控件 以 及 Panel 控件 内 的 全 部 控件 都 为 隐藏 ,如 图 7-7 所 
示 。 当 用 户 单 击 Button 时 , 则 Panel 控件 及 其 内 部 的 控件 都 为 可 见 , 如 图 7-8 所 示 。 


http://localhost:1876, SieS/DefadlE lolx| 


CF Ve] riiocahost:1a76 ss)|x) | 


The controls in a Panel are in follows. 
| 


图 7-7 Panel 控件 隐藏 图 7-8 Panel 控件 被 显示 


Panel 控件 还 包含 一 个 GroupText 属性 , 当 Panel 控件 的 GroupText 属性 被 设置 时 ， 
Panel 将 会 被 创建 一 个 带 标题 的 分 组 框 ,效果 如 图 7-9 所 示 。 

2. 占 位 控件 

与 面板 控件 相同 的 是 , 占 位 控件 PlaceHolder 也 是 控件 的 容器 ,但 是 在 HTML 页 面 呈 
现 中 本 身 并 不 产生 HTML ,创建 一 个 PlaceHolder 控件 代码 如 下 。 


在 CS 页 面 中 ,允许 用 户 动态 地 在 PlaceHolder 上 创建 控件 ,CS 页 面 代码 如 下 。 


上 述 代 码 动态 创建 了 一 个 TextBox 控件 并 显示 在 占 位 控件 中 ,运行 效果 如 图 7-10 
所 示 。 

开发 人 员 不 仅 能 够 通过 编程 在 PlaceHolder 控件 中 添加 控件 ,同样 可 以 在 PlaceHolder 
控件 中 拖 动 相应 的 服务 器 控件 进行 控件 呈现 和 分 组 。 
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Show Panel 
this is a panel 


The controls in a Panel are in follows. 
IHello 


图 7-9 Panel 控件 的 GroupText 属性 图 7-10 PlaceHolder 控件 的 使 用 


7.4 验证 控件 


Visual Studio 2010 提供 了 强大 的 数据 验证 控件 ,可 以 验 


4 验证 
证 用 户 的 输入 ,并 在 验证 失败 的 情况 下 显示 错误 消息 。 在 | A 各 
Visual Studio 的 工具 箱 中 见 到 的 验证 控件 如 图 7-11 所 示 。 CustomValidator 
注意 :验证 控件 本 身 并 不 接受 用 户 的 输入 ,需要 与 其 他 控 | 党 rosie ao 
件 ( 如 TextBox) 相 配合 完成 验证 数据 的 工作 ,可 以 使 用 验证 控 名 0 


件 的 ControlToValidate 属性 将 验证 控件 与 被 验证 控件 关联 起 
来 。 每 个 验证 控件 的 基本 说 明 如 表 7-13 所 示 。 图 7-11 工具 箱 中 的 验证 控件 


表 7-13 验证 控件 的 使 用 说 明 


验证 控件 功能 说 明 
RequiredFieldValidator 确保 用 户 不 跳 过 输入 
CompareValidator 使 用 比较 运算 符 ( 大 于 、 小 于 ,等 于 ) 将 输入 控件 与 一 个 固定 值 或 男 一 个 输 
入 控件 进行 比较 
RangeValidator 与 CompareValidator 非常 相似 ,用 来 检查 输入 是 否 在 两 个 值 或 其 他 输入 
控件 的 值 之 间 


RegularExpressionValidator ”检查 用 户 的 输入 是 否 与 正则 表达 式 定义 的 模式 相 匹 配 ; 允许 检查 可 预知 
的 字符 序列 ,如 电话 号 码 .邮政 编码 .社会 保障 号 等 


CustomValidator 允许 用 户 编写 自己 的 验证 逻辑 以 检查 用 户 的 输入 ,通常 用 于 奇偶 验证 
ValidationSummary 验证 总 结 ,以 摘要 的 形式 显示 页 上 所 有 验证 程序 的 验证 错误 


7.4.1 必须 输入 验证 控件 


在 实际 的 应 用 中 ,如 在 用 户 填写 表单 时 ,有 一 些 项 目 是 必 填 项 ,如 用 户 名 和 密码 。 使 用 
必须 输入 验证 控件 (RequiredFieldValidator) 能 够 要 求 用 户 在 特定 的 控件 中 必须 提供 相应 的 
信息 ,否则 就 提示 错误 信息 。RequiredFieldValidator 控件 的 格式 如 下 : 


<asp:RequiredFieldValidator id = "控件 名 称 "” runat = " server" 


ControlToValidate = "要 检查 的 控件 名 称 " 


ErrorMessage = "出 错 信 息 " Display = "Dynamic | Static | None" 


示例 代码 如 下 。 


<form id= "forml" runat = "server"> 


<div> 用 户 名 : 


<asp:TextBox ID = "txtName" runat = "server"></asp:TextBox > 
<asp:RequiredFieldValidator ID = "Validatorl" runat = "server" 


/到 


ControlToValidate = " txtName" ErrorMessage= "用 户 名 不 能 为 空 " Display = "Static"> 


</asp:RequiredFieldValidator > <br /> 


密 ” 码 :<asp:TextBox ID= "txtPass" runat = "server"></asp:TextBox> <br /> 


<asp:Button ID= "Validatel" runat = "server" Text = "OK" /><br /> 


</div> 
</form> 


上 述 代码 中 ,RequiredFieldValidator 控件 通过 它 的 ControlToValidate 属性 绑 定 了 一 
个 文本 控件 txtName( 要 验证 的 控件 ), 当 输入 值 为 空 且 单 击 提交 按钮 时 , 则 提示 错误 信息 
“用 户 名 不 能 为 空 ”, 如 图 7-12 所 示 。 此 时 ,用 户 的 所 有 页 面 输入 都 不 会 提交 。 只 有 将 必 填 


输入 项 都 填写 完成 ,页 面 才 会 向 服务 器 提交 数据 。 
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图 7-12 RequiredFieldValidator 验证 控件 


值得 注意 的 是 ,RequiredFieldValidator 控件 的 Initialvalue 属性 (表示 要 验证 的 字段 的 
初始 值 ) 默 认 值 为 空 串 。 因 此 , 当 用 户 什 么 都 不 输入 而 直接 单 击 提交 按钮 时 将 显示 出 错 。 仅 


当 输 入 控件 失去 焦点 ,而 且 用 户 在 此 输入 控件 中 输入 的 值 等 
RequiredFieldValidator 控件 才 认 为 其 数据 不 能 通过 验证 。 


7.4.2 比较 验证 控件 


F Initialvalue 属性 值 时 ， 


比较 验证 控件 (CompareValidator) 可 以 对 比 在 两 个 控件 中 输入 的 数据 。 例 如 ,在 修改 
密码 时 ,通常 需要 在 两 个 文本 框 中 分 别 输入 一 次 新 密码 ,并 将 两 次 输入 的 密码 进行 比 对 。 


CompareValidator 控件 的 格式 如 下 : 


<asp:CompareValidator id = "控件 名 称 ” 
ControlToValidate = "要 验证 的 控件 ID" 
ControlToCompare = "要 比较 的 控件 ID" 


Type = "String | Integer | Date | Double| Currency" 
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Operator = "Equal|NotEqual| 

GreaterThan| GreaterThanEqual|LessThan|LessThanEqual|DataTYPpeCheck" 
ErrorMessage = "出 错 信 息 "” Display = "DYnamic | Static | None" 
runat = "server"”/> 


CompareValidator 控件 的 属性 如 表 7-14 所 示 。 


属 性 


表 7-14 比较 验证 控件 的 属性 
说 明 


ControlToValidate 
Control ToCompare 
Type 

Operator 
ErrorMessage 

Text 


Display 


SetFocusOnError 


ValueToCompare 


要 验证 的 控件 ID 

用 于 进行 比较 的 控件 ID 

表示 要 比较 的 两 个 值 的 数据 类 型 , 取 值 有 String Integer、Date、Double、Currency 
表示 要 使 用 的 比较 运算 符 

出 错 提示 信息 

当 验 证 的 控件 无 效 时 显示 的 验证 程序 文本 
验证 程序 的 显示 方式 。 取 值 包 括 三 种 

Dynamic: 不 出 错 的 时 候 该 控件 不 占用 页 面 位 置 

Static: 不 出 错 的 时 候 该 控件 占用 页 面 位 置 

None: 不 显示 出 错 信息 

控件 无 效 时 ,验证 程序 是 否 在 控件 上 设置 焦点 。 默 认为 False 
用 于 进行 比较 的 值 


注意 :可 以 直接 将 与 CompareValidator 控件 相关 联 的 输入 控件 的 值 与 某 个 特定 值 进行 
比较 ,只 需 将 CompareValidator 控件 的 ValueToCompare 属性 设 定 为 要 比较 的 特定 值 即 
可 。 在 这 种 情况 下 ,不 需要 另外 指定 ControlToCompare 属性 。 

CompareValidator 控件 的 示例 代码 如 下 。 


<form id = "form2" runat = "server"> 


<div> 密 码 1: 


<asp:TextBox id = "passwdl" TextMode = "Password" runat = "server" /> 


<br /> 密码 2: 


<asp:TextBox id= "passwd2" TextMode = "Password" runat = "server" /> 
<asp:CompareVal idator id= "Validator2" runat = "server" 
ControlToValidate = "passwdl" ControlToCompare = "passwd2" 
Type= "String" Operator = "Equal" 
Display = "static" ErrorMessage = "两 者 不 一 致 "> 
</asp:CompareVal idator > 
<br /><asp:Button id= "Validate2" runat = "server" text =" 验证 "人 > 


</form > 


上 述 代码 中 ,判断 两 个 密码 输入 框 passwdl 和 passwd2 中 的 输入 值 是 否 一 致 ,比较 类 
型 为 String ,比较 运 算 符 为 Equal, 如果 不 相 等 则 提示 出 错 ,如 图 7-13 所 示 。 


7.4.3 范围 验证 控件 
范围 验证 控件 (RangeValidator) 可 以 要 求 用 户 输入 特定 范围 内 的 数据 。 该 控件 可 以 检 
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图 7-13 ”CompareValidator 验证 控件 


查 用 户 的 输入 是 否 在 指定 的 最 大 值 与 最 小 值 之 间 。 通 常情 况 下 用 于 检查 数字 日 期 、 货 币 
等 。 其 常用 属性 如 表 7-15 所 示 。 


表 7-15 范围 验证 控件 的 属性 


属 性 说 明 
ControlToValidate 要 验证 的 控件 ID 
Maximum Value 指定 有 效 范 围 的 最 大 值 
MinimumValue 指定 有 效 范 围 的 最 小 值 
Type 要 比较 的 值 的 数据 类 型 , 取 值 有 String Integer、Date、Double、Currency 
ErrorMessage 出 错 提示 信息 


RangeValidator 控件 的 示例 代码 如 下 。 


< form id = "form3" runat = "server"> 
<div > 请 输入 生日 : 
<asp:TextBox ID = "TextBoxl"” runat = "server"></asp:TextBox> 
<asp:RangeValidator ID = "RangeValidator1" runat = "server" 
ControlToValidate = "TextBoxl" ErrorMessage = "超出 规定 范围 " 
MaximumValue = "2012/1/1" MinimumValue = "1990/1/1" Type = "Date"> 
</asp:RangeVal idator > 
<br /> 
<asp:Button ID = "Validate3" runat = "server" Text =" 验证 " /> 
</div> 
</form > 


上 述 代码 中 ,要 求 用 户 输入 生日 的 日 期 ,MinimumValue 属性 和 MaximumValue 属性 
分 别 指定 了 输入 范围 的 下 限 和 上 限 ,比较 类 型 为 日 期 型 。 当 用 户 输入 超出 范围 时 , 则 提示 错 
误 , 如 图 7-14 所 示 。 
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7.4.4 正则 表达 式 验 证 控件 

在 实际 的 验证 过 程 中 ,经 常 需要 对 用 户 输入 进行 一 些 复杂 的 格式 验证 。 例 如 ,要求 用 户 
按照 “(区 号 ) 电 话 号 码 ” 的 格式 输入 电话 号 码 , 或 按照 电子 邮件 、 身 份 证 号 的 格式 进行 输入 
等 ,这 就 需要 用 到 正则 表达 式 验 证 控件 (RegularExpressionValidator) 。 

所 谓 正则 表达 式 ,就 是 比 通常 用 的 * 和 ? 通配符 更 复杂 的 一 种 字符 串 定义 规则 。 

例如 : 


[a~zA~2]{3,6}[0~9]{6} 


该 正则 表达 式 表 示 可 以 输入 3 一 6 个 任意 字母 和 6 个 数字 。 其 中 的 限定 符 含义 如 表 7-16 
所 示 。 


表 7-16 正则 表达 式 中 的 限定 符 


限 定 符 说 明 

口 表示 可 以 输入 的 字符 表达 式 

a~z 表示 所 有 的 小 写字 母 

A~Z 表示 所 有 的 大 写字 母 

0~9 表示 所 有 的 数字 

{n} 表示 限定 的 表达 式 必 须 出 现 n 次 
{n,} 表示 限定 的 表达 式 至 少 出 现 n 次 
{n,m) 表示 限定 表达 式 必须 出 现 n 到 m 次 
{} 表示 一 个 字符 

20 表示 任意 一 个 字符 

* 表示 所 限定 的 表达 式 出 现 0 次 或 多 次 
表示 所 限定 的 表达 式 出 现 0 次 或 1 次 
+ 表明 一 个 或 多 个 元 素 将 被 添加 到 正在 检查 的 表达 式 
| 表示 “或 ” 

\ 匹配 限定 符 本 身 

\d 指定 输入 的 值 是 一 个 数字 

\w 表示 人 允许 输入 任何 值 


使 用 正则 表达 式 能 够 实现 强大 的 字符 串 格式 匹配 了 到 
验证 工作 , RegularExpressionValidator 控件 的 功能 就 
是 确定 输入 控件 的 值 是 否 与 某 个 正则 表达 式 所 定义 eine 
的 模式 相 匹 配 。 在 该 控件 的 属性 列表 中 ,选择 | 有 和约 到 
ValidationExpression 属性 ,可 以 看 到 系统 提供 的 常 台式: 
[re rr 

用 正则 表达 式 ,如 图 7-15 所 示 。 

当 在 系统 提供 的 正则 表达 式 中 进行 了 选择 ,并 指 i 
定 了 要 验证 的 控件 后 ,系统 自动 生成 的 HTML 代码 图 7-15 系统 提供 的 正则 表达 式 
如 下 。 


<asp:RegularExpressionValidator ID = "RegularExpressionValidator1l" runat = "server" 
ControlToVal idate = "TextBox1" 
ErrorMessage = "格式 不 匹配 " 
ValidationExpression="\w+ ([-+.']Nw+)*@Nw+([-.]\w+)x*NNw+([--.]Nw+)*n"> 
</asp:RegularExpressionValidator > 


上 述 代码 中 ,属性 ValidationExpression 指定 正则 表达 式 ,程序 运行 后 , 当 用 户 单 击 按 
钮 时 ,如 果 输 入 的 信息 与 正则 表达 式 不 匹配 , 则 提示 错误 信息 ,如 图 7-16 所 示 。 


六 收 诚 天 。 独 http:/fiocalhost:1876/WwebsiteSjDefault,aspx 


电子 部 件 地 址 : ”|ijyu011@@xatu edu cn 
玖 证 虽 | 格式 不 匹配 


国 国 国力 国 3 [W|I125% 。 有 


图 7-16 ”RegularExpressionValidator 验证 控件 


同样 ,开发 人 员 也 可 以 自 定义 正则 表达 式 来 规范 用 户 的 输入 。 例 如 ,比较 常用 的 正则 表 
达 式 有 : 

。 只 许 输入 数字 : [0-9] x 

。 只 许 输入 n 位 的 数字 : \dftn} 或 L0-9]{tn,} 

。 只 能 输入 至 少 n 位 的 数字 : \d{n,}) 或 [0-9]{n,} 

。 只 能 输入 n 一 m 位 的 数字 : \d{n,m) 
可 以 输入 3 到 6 个 字母 : [a-zA-Z]{3,6) 
。 可 能 输入 由 26 个 字母 组 成 的 字符 串 : [A-Za-zj 十 
。 只 能 输入 由 数字 和 26 个 字母 组 成 的 字符 串 : [LA-Za-z0-9] 十 
。 验证 E-mail 格式 : . {1,)@. {1,)\. [a-zA-2Z2]{2,3} 
。 电话 号 码 : [0-9]{3,4)-[0-9]{7,8} 
。 18 位 身份 证 号 码 : 
[0-9]{6}[L12JL0-9]{3}L01JL0-9JLo123J[L0-9J[L0-9]{3}[12J 

RequiredFieldValidator 控件 通常 与 文本 框 控件 一 起 使 用 ,以 检查 电子 邮件 ID .电话 号 
码 、 信 用 卡号 码 .用 户 名 和 密码 等 是 否 有 效 。 

需要 注意 的 是 , 当 用 户 输入 为 空 时 ,除了 RequiredFieldValidator 验证 控件 外 ,其 他 的 验 
证 控件 都 会 验证 通过 。 所 以 ,在 验证 控件 的 使 用 中 ,通常 需要 同 RequiredFieldValidator 控 
件 一 起 使 用 。 


7.4.5 自 定义 验证 控件 


bu 


前 面 讲述 的 数据 验证 控件 已 经 提供 了 许多 验证 功能 ,然而 有 时 还 需要 特殊 的 数据 验证 。 
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例如 ,网 上 购物 时 需要 验证 用 户 提 供 的 银行 账户 中 是 否 有 足够 的 余额 可 供 支付 货款 ,等 等 。 
为 了 满足 这 种 数据 验证 的 需要 ,可 以 使 用 自 定义 验证 控件 (CustomValidator) 。 
CustomValidator 控件 的 使 用 方法 与 其 他 验证 控件 的 使 用 方法 基本 一 致 ,也 有 
ControlToValidate 和 ErrorMessage 等 属性 。 其 特殊 之 处 在 于 它 提 供 了 一 个 ServerValidate 事 
件 , 可 以 在 此 事件 中 编写 完成 数据 验证 的 代码 。 
包含 CustomValidator 控件 的 HTML 代码 如 下 。 


ServerValidate 事件 的 处 理 程序 如 下 。 


上 述 程序 运行 后 ,在 文本 输入 框 中 输入 administrator, 则 密码 输入 正确 ,页 面 显 示 结 果 
如 图 7-17 所 示 。 

此 外 ,要 特别 注意 一 下 当 数 据 为 空 时 的 处 理 方法 。 上 默认 情况 下 ,如 果 相关 联 的 输入 控 
件 为 空 ,CustomerValidator 控件 将 不 进行 数据 验证 的 工作 。 如 果 需 要 处 理 输 入 为 空 的 情 
况 ,可 将 ValidateEmptyText 属性 设置 为 True, 此 时 ,如 果 单 击 “ 登 录 ” 按 钮 ,将 显示 
CustomerValidator 控件 设 定 的 出 错 信息 . 即 “ 输 入 的 密码 不 正确 ”。 


六 和 收 麻 天 。” 税 http:/Iocalhost:1876fwebsitesiDefaut,aspx 


请 输入 系统 密码 : [三 ， 
密码 验证 通过 ! 


后 -| 所 125% > 太 


图 7-17 CustomValidator 控件 


7.4.6 验证 总 结 控件 


验证 总 结 控件 (ValidationSummary) 本 身 并 不 提供 任何 验证 ,但 可 以 和 前 面 讲 过 的 其 他 
验证 控件 一 起 使 用 , 即 对 同一 页 面 的 多 个 验证 控件 集中 给 出 验证 结果 。 也 就 是 说 ,当前 页 面 
有 多 个 错误 发 生 时 ,ValidationSummary 控件 能 够 同时 捕获 多 个 验证 错误 并 一 起 呈现 给 用 
户 , 其 显示 的 错误 信息 摘要 都 是 由 该 页 面 的 其 他 验证 控件 的 ErrorMessage 属性 提供 的 。 

ValidationSummary 控件 的 常用 属性 如 表 7-17 所 示 。 

表 7-17 验证 总 结 控件 的 属性 


属 性 说 明 
DisplayMode 错误 摘要 的 显示 方式 。 取 值 包 括 List( 列 表 )、BulletList (项目 符号 列表 ) 和 
SingleParagraph( 单 个 段落 ) 
HeaderText 在 错误 摘要 中 显示 的 标题 文本 


ShowMessageBox 是否 在 弹出 消息 框 中 显示 错误 摘要 ,默认 为 False 
ShowSummary 是 否 在 页 面 上 显示 错误 摘要 ,默认 为 True 


注意 : Page. IsValid 属性 检查 页 面 中 的 所 有 验证 控件 是 否 均 已 成 功 进行 验证 。 该 属性 
为 Web 窗 体 页 中 的 一 个 属性 ,如 果 页 面 验证 成 功 , 则 将 具有 值 True; 否则 将 具有 值 False。 
例如 : 


private void ValidateBtn Click(Object Sender, Systenm. EventArgs e) 


i 
if (Page.IsValid == true) 
lblMessage. Text = "页 面 有 效 "; 
} 
else 
{ 
lblMessage. Text = "页 面 中 存在 一 些 错 误 "; 
} 
} 


ASP.NET 服务 器 挫 件 


地 人 典 


4SP NET Web 应 用 开发 技术 


7.5 用 户 控件 


用 户 控 件 是 一 种 自 定义 的 、 可 复 用 的 组 合 控件 ,通常 由 系统 提供 的 可 视 化 控件 组 合 而 
成 。 程 序 员 可 以 将 一 些 反 复 使 用 的 用 户 界面 ( 既 包 括 页 面 代码 ,也 包括 事件 处 理 程序 ) 封 装 
成 一 个 控件 ,然后 可 以 像 使 用 普通 Web 控件 一 样 使 用 该 控件 。 


7.5.1 用 户 控 件 概述 


1. 用 户 控件 的 基本 特点 
要 理解 用 户 控件 ,需要 明确 如 下 几 点 : 
。 用 户 控件 是 实现 代码 与 内 容 分 离 .代码 重用 的 技术 。 
。 可 以 像 设计 Web 窗 体 一 样 设计 用 户 控件 ,并 定义 其 属性 和 方法 。 
。 用 户 控件 可 以 单独 编译 ,但 不 能 单独 运行 ,必须 嵌入 到 Web 页 面 中 才能 运行 。 
。 用 户 控件 可 以 在 第 一 次 请 求 时 被 编译 并 存储 在 服务 器 内 存 中 ,从 而 缩短 以 后 请 求 的 
响应 时 间 。 
2. 用 户 控件 与 Web 页 面 的 比较 
用 户 控件 与 普通 Web 页 面 非常 相似 ,都 具有 自己 的 用 户 界面 和 程序 代码 。 创 建 用 户 控 
件 所 采用 的 方法 与 创建 Web 页 面 的 方法 基本 相同 。 程 序 员 可 以 使 用 任何 文本 编辑 器 创作 
用 户 控 件 ,或 者 使 用 代码 隐藏 类 开发 用 户 控件 。 
用 户 控件 与 普通 Web 页 面 之 间 也 存在 一 些 不 同 : 
。 用 户 控件 的 文件 扩展 名 为 ascx 和 ascx. cs,ASP.NET 页 面 的 文件 扩展 名 是 aspx 和 
aspx. Cs。 
。 用 户 控件 不 包含 二 html> .一 body 二 和 二 form 过 标记。 
。 用 户 控件 不 含 @Page 指令 ,而 是 @Control 指令 。 
。 不 能 独立 地 请 求 用 户 控件 ,用 户 控件 必须 包括 在 Web 窗 体 页 内 才能 使 用 。 


7.5.2 创建 用 户 控件 


用 户 控件 是 封装 成 可 复 用 控件 的 Web 窗 体 , 可 以 使 用 标准 Web 窗 体 页 面 上 相同 的 
HTML 元 素 和 Web 控件 来 设计 用 户 控件 。 要 创建 一 个 用 户 控 件 , 可 以 有 两 种 方式 : 一 种 
是 直接 创建 用 户 控 件 ; 另 一 种 是 将 已 经 设计 完成 的 Web 窗 体 页 面 改 为 用 户 控 件 。 

1. 直接 创建 用 户 控件 

创建 步骤 如 下 : 

(1) 添加 一 个 新 的 用 户 控件 。 

打开 解决 方案 资源 管理 器 , 右 击 项 目 名 称 , 选 择 “ 添 加 新 项 ”, 则 出 现 如 图 7-18 所 示 的 添 
加 新 项 对 话 框 ,选择 " Web 用 户 控 件 ”, 默 认 的 用 户 控 件 名 称 为 WebUserControl. ascx, 假 设 
修改 名 称 为 myControl. ascx, 然 后 单 击 “ 添 加 ”按钮 , 则 该 用 户 控 件 会 添加 到 解决 方案 资源 
管理 器 的 项 目 列表 中 。 


件 : 


[ hm - CNUsersjyuDocumentsVisual Sudio 2010\Websites\WebSitel\ LEE 
已 安 肝 的 模板 排序 依据 :| 黑 认 值 -| 国 | -= p| 
lok 国 “web 音 休 si 关 型 Visual ce 
Mo 口 _a 避 sil 人 有 可 栅 i 计 吉 人 建 的 ASP.NET 服务 器 
本 | 
到 ”ADONET EntityObject 生成 器 好 w 
到 ”ADONET 实体 数据 模型 感 W 
到 ”ADONET 握 强 中 实体 生成 器 到 w 
冲 ”Crystal 报表 到 WwW 
县 ”Dynamic Data 字段 国 XI 
国 HTML 页 国 Xi 
加 JScript 文 件 x 
国 UNQto sQL 类 国 报 
5 i » 
名 称 (N): WebUserControlascx 将 代码 放 和 在 单独 的 文件 中 (| 
迹 笃 号 版 页 IO 
4 


图 7-18 添加 新 项 对 话 框 
此 时 ,可 以 看 到 该 用 户 控件 默认 包含 了 一 行 代码 : 


<% 四 Control Language ="C#" AutoEventWireup= "true" 
CodeFile = "myControl.ascx.cs" 
Inherits = "myControl"” %> 


说 明 : 

GD @Control 指令 用 来 标识 用 户 控 件 ,正如 @page 指令 用 来 标识 Web 窗 体 一 样 。 
@Language 二 "C#" 用 于 指定 用 户 控 件 的 编程 语言 是 C# 。 

图 AutoEventWireup 二 "true" 指示 控件 的 事件 与 处 理 程序 可 以 自动 匹配 。 

@ CodeFile 二 "myControl. ascx. cs" 指定 所 引用 的 控件 代码 文件 的 路 径 。 

@@ Inherits 二 "myControl” 指定 用 户 控 件 是 从 myControl 类 派生 的 。 

(2) 向 用 户 控件 的 设计 页 面 (myControl. ascx) 中 添加 各 种 Web 控件 并 修改 其 属性 。 
例如 ,创建 一 个 用 户 控件 myControl. ascx, 如 图 7-19 所 示 。 其 中 包括 了 两 个 Web 控 
Textbox 控件 和 Button 控件 。 

上 述 用 户 控 件 的 页 面 代码 如 下 : 


<% @Control Language = "C#" AutoEgventWireup = "true" CodeFile = "myControl.ascx.cs" Inherits 
= "myControl" %> 

<p> 请 输入 验证 码 

<asp:TextBox ID = "TextBoxl"” runat = "server"></asp:TextBox> 

</p> 

<p><asp:Button ID = "Button1”runat = "server" Text = "确定 " /> </p> 


(3) 在 代码 文件 (myControl ascx. cs) 窗 口中 .给 该 用 户 控件 的 子 控件 编写 事件 响应 代码 。 
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图 7-19 用 户 控 件 示 例 


在 myControl. ascx. cs 文件 的 编辑 窗口 ,可 以 编写 所 有 子 控件 的 事件 处 理 代 码 , 如 按钮 
单 击 事件 Buttonl_Click 等 。 


protected void Button1l_Click(object sender, EventArgs e) 
d 


! 


至 此 ,一 个 用 户 控 件 就 创建 完成 了 。 

2. 将 已 有 的 Web 窗 体 页 面 改 为 用 户 控件 

步骤 如 下 : 

(1) 删除 aspx 文件 中 的 二 HTML、 二 BODY 这 和 二 FORM 放 等 标记 ,因为 它们 可 能 
与 包含 页 面 有 冲突 。 

(2) 将 @page 指令 改 为 @control 指令 。 

(3) 在 代码 文件 cs 中 定义 的 类 的 基 类 由 Page 类 改 为 UserControl 类 。 

(4) 将 文件 的 扩展 名 改 为 ascx 

值得 注意 的 是 ,由 于 用 户 控件 不 能 作为 一 个 独立 的 网 页 来 显示 ,创建 了 用 户 控件 后 , 必 
须 添 加 到 其 他 Web 窗 体 页 面 中 才能 显示 运行 。 因 此 ,用 户 控件 不 能 设置 为 “初始 页 面 ”。 


7.5.3 用 户 控 件 的 使 用 


将 用 户 控件 添加 到 Web 窗 体 页 面 中 ,也 有 两 种 方法 。 一 种 是 向 Web 窗 体 页 面 添加 该 
控件 的 @Register 指令 和 标记 ,使 得 用 户 控件 成 为 页 面 的 一 部 分 ,这 样 就 能 够 在 页 面 显示 和 
使 用 ; 另 一 种 方法 是 通过 编程 方式 向 页 面 动态 地 添加 用 户 控件 。 

下 面 分 别 介绍 这 两 种 使 用 方式 。 

(1) 直接 在 Web 窗 体 页 面 添加 用 户 控件 。 其 步骤 如 下 : 

@ 在 页 面 的 项 部 添加 一 个 注册 该 控件 的 @Register 指令 ,以 便 在 处 理 Web 窗 体 页 面 时 


识别 该 控件 。 其 格式 如 下 : 


<% 四 Register 
TagPrefix = "namesapce” 
TagName = " controlname” 
Src="controlpath"” %> 


说 明 : 

。 TagPrefix 表示 确定 控件 的 唯一 命名 空间 ,是 标记 中 控件 名 称 的 前 缓 。 

。 TagName 表示 控件 的 名 称 , 即 标识 该 控件 的 一 个 标记 。 

。 Src 表示 用 户 控件 的 路 径 。 

@ 在 页 面 的 主体 部 分 ,使 用 标记 的 形式 显示 该 控件 。 即 使 用 TagPrefix 和 TagName 
形成 一 个 标记 ,并 为 该 控件 指定 一 个 ID 和 设置 runat 属性 。 其 形式 如 下 : 


<Tagprefix:Tagname jid ="ControlID" runat ="server" /> 


例如 ,要 在 Web 页 面 中 使 用 在 7.5. 2 节 中 创建 的 用 户 控件 myControl. ascx, 则 需要 在 
aspx 文件 中 编写 如 下 代码 : 


<% @Register TagPrefix= "myPre" TagName = "myName" Src= "myControl.ascx" $%> 
< myPre:myName id = "myCon" runat = "server" /> 


一 个 页 面 可 以 放置 同一 种 用 户 控 件 的 多 个 实例 ,只 需要 保证 其 id 值 不 同 即 可 。 
(2) 通过 编程 方式 动态 地 添加 用 户 控 件 。 其 步骤 如 下 : 

@ 使 用 @Reference 指令 注册 该 用 户 控 件 。 

@ 使 用 LoadControl 方 法 添加 该 控件 。 

@ 最 后 使 用 Page 类 的 Controls. Add() 方 法 将 该 控件 加 载 到 该 页 面 。 

例如 : 


<% @ Reference control = "myControl.ascx" %> 
Control cl = LoadControl( "myControl.ascx"); 
Page. Controls. Add(c1); 


7.6 ”习题 与 上 机 练习 


1. 选择 题 
(1) 下 列 控件 中 ,不 能 执行 单 击 事件 的 是 ( Wis 

A. ImageButton B. ImageMap C. Image D. LinkButton 
(2) 下 面 不 属于 容器 控件 的 是 ( )s 

A. Panel B. CheckBox C. Table D. PlaceHolder 


(3) 下 面 对 ASP.NET 验证 控件 说 法 正确 的 是 ( i 
A. 可 以 在 客户 端 直接 验证 用 户 的 输入 信息 并 显示 错误 信息 
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B. 对 一 个 下 拉 表 控件 ,不 能 使 用 验证 控件 
C. 服务 器 验证 控件 在 执行 验证 时 ,必定 在 服务 器 端 执行 
D. 对 验证 控件 ,不 能 自 定义 规则 
(4) 要 将 Textbox 控件 设置 成 多 行 输 入 ,TextMode 属性 须 设置 成 hs 


A. Singleline B. Multiline C. Password D. Textarea 
(5) 下 面 的 ( ) 控 件 不 能 对 Web 页 上 的 输入 控件 进行 验证 。 

A. RangeValidator B. ValidationSummary 

C. RegularExpressionValidator D. CompareValidator 


(6) 下 面 对 CustomValidator 控件 说 法 错误 的 是 ( Ns 
A. 能 自 定义 的 验证 函数 
B. 可 以 同时 添加 客户 端 验证 函数 和 服务 器 端 验证 函数 
C. 指定 客户 端 验证 的 属性 是 clientValidationFunction 
D. 属性 runat 用 来 指定 服务 器 端 验证 函数 
(7) 如 果 需 要 确保 用 户 输入 大 于 100 的 值 ,应 该 使 用 ( ) 验 证 控件 。 


A. RequiredFieldValidator B. RangeValidator 
C. CompareValidator D. RegularExpressionValidator 
2. 填空 题 
(1) 所 有 Web 服务 器 控件 都 位 于 名 称 空间 ,而 且 大 多 数 Web 服务 器 控件 都 
是 从 基 类 直接 或 间接 派生 的 。 
(2) CheckBox 控件 的 属性 值 指示 是 否 已 选中 该 控件 。 
(3) 使 用 ListBox 控件 的 属性 获取 列表 控件 项 的 集合 ,使 用 属性 获 
取 或 设置 该 控件 的 选择 模式 。 
(4) 对 于 DropDownList 控件 ,使 用 属性 获取 列表 控件 中 选 定 项 的 值 ， 当 列表 
控件 的 选 定 项 在 信息 发 往 服务 器 之 间 变 化 时 发 生 事件 。 
(5) 设置 属性 可 决定 Web 服务 器 控件 是 否 可 用 。 
3. 简 答题 


(1) 如 何 判 断 页 面 是 第 一 次 被 加 载 执 行 ? 

(2) 说 明 二 a 元 素 、LinkButton 和 HyperLink 控件 的 区 别 。 

(3) Button、LinkButton 和 ImageButton 控件 有 何不 同 ? 单 击 这 些 控件 时 会 发 生 Click 
事件 和 Command 事件 ,这 两 个 事件 有 何 区 别 ? 

4. 上 机 练习 

(1) 创建 一 个 Web 窗 体 页 ,并 添加 一 个 Image 控件 和 一 个 Button 控件 ,要 求 单 击 按钮 
时 更 改 Image 控件 显示 的 图 片 。 

(2) 编写 用 户 注 册页 面 register. aspx, 选 择 适当 的 Web 服务 器 控件 实现 如 下 功能 : 输 
入 姓名 ,性 别 、 生 日 、 出 生地 、 联 系 电话 、 地 址 等 ,必要 时 用 验证 控件 进行 验证 。 当 用 户 按 下 
“提交 ”按钮 后 显示 输入 的 信息 。 

(3) 编写 程序 exam. aspx, 显 示 5 个 单项 选择 题 ,用 户 选 择 答案 并 提交 后 给 出 分 数 。 
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Web 应 用 程序 在 传统 意义 上 来 说 是 无 状态 的 ,Web 应 用 不 能 像 Win Form 那样 维持 客 
户 端 状态 ,所 以 在 Web 应 用 中 ,通常 需要 使 用 内 置 对 象 进行 客户 端 状态 的 保存 。 这 些 内 置 
对 象 能 够 为 Web 应 用 程序 的 开发 提供 设置 .配置 以 及 检索 等 功能 。 

.NET Framework 包含 一 个 内 置 的 对 象 类 库 。 在 脚本 中 ,可 以 不 必 创 建 这 些 对 象 的 实 
例 而 直接 访问 它们 的 属性 、 方 法 和 数据 集合 。 通 过 这 些 对 象 ,可 以 实现 获取 客户 端 请 
求 、. 输 出 响应 信息 .应 用 程序 会 话 管理 .存储 用 户 信息 .保存 状态 信息 等 功能 ,如 表 8-1 
所 示 。 


表 8-1 ASP.NET 内 置 对 象 


对 象 名 功 能 ASP.NET 类 
Page 用 于 设置 与 网 页 有 关 的 属性 ,方法 和 事件 
Request 读 取 客户 端 所 提交 的 数据 HttpResponse 
Response 发 送信 息 到 客户 端 HttpRequest 
Application ”为 所 有 用 户 提供 共享 信息 HttpApplicationState 
Session 存储 特定 用 户 的 信息 ,可 以 在 同一 网 站 的 多 个 页 面 间 共 享 信息 ”HttpSessionState 
Cookie 在 客户 端的 磁盘 上 保存 用 户 的 数据 HttpCookie 
Server 提供 服务 器 端的 属性 和 方法 HttpServerUtility 
Context 封装 了 每 个 用 户 的 会 话 .当前 HTTP 请 求 和 请 求 页 的 信息 HttpContext 
ViewState 在 同一 个 页 面 的 多 次 请 求 间 保存 状态 信息 StateBag 
Trace 用 于 对 页 面 进行 跟踪 TraceContext 


8.1 HTTP 请 求 处 理 


8.1.1 Response 对 象 


Response 对 象 属于 HttpResponse 类 .主要 用 于 动态 响应 客户 端的 请 求 , 包 括 直接 发 送 
信息 给 客户 端 、 重 定向 URL、 在 客户 端 设置 Cookies 等 。Response 对 象 将 服务 器 端 动态 生 
成 的 结果 以 HTML 格式 返回 到 客户 端的 浏览 器 。 

1.Response 对 象 的 方法 

Response 对 象 的 常用 方法 如 表 8-2 所 示 。 
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表 8-2 ”Response 对 象 的 方法 


方 ”法 说 明 

AppendCookie 将 一 个 HTTP Cookie 添加 到 内 部 Cookies 集合 
AppendToLog 将 日 志 信息 添加 到 IIS 日 志文 件 中 

BinaryWrite 将 一 个 二 进 制 字符 串 写 入 HTTP 输出 流 

Clear 清除 服务 器 缓存 中 的 所 有 数据 

Flush 把 服务 器 缓存 中 的 数据 立刻 发 送 到 客户 端 

End 停止 处 理 当 前 文件 ,并 返回 结果 

Redirect 用 于 页 面 的 跳 转 ,使 浏览 器 重 定向 到 另 一 个 URL 
Write 直接 向 客户 端 输出 数据 

WriteFile 向 客户 端 输出 文本 文件 的 内 容 


2. Response 对 象 的 属性 


Response 对 象 的 常用 属性 如 表 8-3 所 示 。 


表 8-3 ”Response 对 象 的 属性 


属 性 说 明 

Buffer 指定 页 面 输出 时 是 否 需要 缓冲 区 

Cache 获得 网 页 的 缓存 策略 (过 期 时 间 、 保 密 性 等 ) 
Charset 设置 输出 到 客户 端的 HTTP 字符 集 
ContentEncoding 获取 或 设置 输出 流 的 HTTP 字符 集 


ContentType 
Cookies 

Expires 
IsClientConnected 
Output 


Status 


获取 或 设置 输出 流 的 MIME 类 型 ,默认 为 text/ HTML 
用 于 获得 HttpResponse 对 象 的 Cookie 集合 

设置 页 面 在 浏览 器 中 缓存 的 时 限 ,以 分 钟 为 单位 

表明 客户 端 是 否 与 服务 器 端 连接 ,其 值 为 True 或 False 
启用 到 输出 HTTP 响应 流 的 文本 输出 

服务 器 返回 的 状态 行 的 值 


下 面 通过 几 个 简单 的 示例 说 明 Response 对 象 的 属性 和 方法 的 应 用 。 
例 8-1 检查 客户 端的 联机 状态 (使 用 IsClientConnected 属性 和 Redirect 方法 ) 。 


protected void Page Load(object sender, EventArgs e) 


Response. Redirect ("other. aspx"); // 跳 转 到 当前 目录 的 另 一 个 页 面 


// 停 止 执行 当前 页 面 的 代码 


由 
// 判 断 客 户 端 是 否 与 服务 器 连接 
if (Response. IsClientConnected) 
else 
Response. End( ); 
} 


上 述 代 码 中 ,通过 IsClientConnected 属性 指示 客户 端 是 否 仍 连接 在 服务 器 上 ,如 果 是 ， 
则 实现 页 面 跳 转 ,否则 停止 当前 页 面 的 执行 。 
例 8-2 判断 向 客户 端的 输出 (使 用 Buffer 属性 和 Flush、Clear、Write 方法 等 )。 


protected void Page Load(object sender, EventArgs e) 


在 实际 应 用 中 ,服务 器 可 能 需要 取消 向 客户 端的 输出 ,这 时 可 以 先 通过 Clear 方 法 清除 
缓冲 区 ,然后 利用 End 方法 停止 输出 操作 。 

3. 使 用 Response 对 象 设置 Cookie 

Response 对 象 的 数据 集合 只 有 一 个 , 那 就 是 Cookies 集合 。 利 用 Response. Cookies 的 
Add 方法 可 以 创建 一 个 新 的 会 话 Cookie ,格式 如 下 : 


例如 : 


上 述 代 码 也 可 以 简化 为 : 


8.1.2 Request 对象 


Request 对 象 用 于 获取 从 客户 端的 浏览 器 提交 给 服务 器 的 信息 。 这 些 信息 包括 
HTML 表单 数据 、URL 地 址 后 的 附加 字符 串 、 客 户 端的 Cookies 信息 .用户 认 证 等 。 

1， Request 对 象 的 属性 

Request 对 象 的 常用 属性 如 表 8-4 所 示 , 包 括 4 种 常见 的 数据 集合 (Collection ) : 
QueryString 集合 .Form 集合 .Cookies 集合 和 ServerVariables 集合 。 
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表 8-4 Request 对 象 的 常用 属性 


属 性 说 明 
Browser 取得 客户 端 浏览 器 的 信息 
ClientCertificate 取得 当前 请 求 的 客户 端 安全 证 书 
ContentEncoding 取得 客户 端 浏 览 器 的 字符 设置 


ContentType 
Cookies 
HttpMethod 


Form 
QueryString 
Params 
ServerVariables 
TotalBytes 
UserHostAddress 


UserHostName 


引用 集合 的 格式 为 : 


取得 当前 请 求 的 MIME 类 型 

数据 集合 ,取得 客户 端 发 送 的 Cookies 数据 

当前 客户 端 提交 数据 的 方式 (Get/Post) 

数据 集合 ,取得 客户 端 利用 POST 方法 传递 的 数据 (页 面 中 定义 的 窗 体 变 量 
的 集合 ) 

数据 集合 ,取得 客户 端 利用 GET 方法 传递 的 数据 (以 “名 / 值 ” 对 表示 的 
HTTP 查询 字符 串 变 量 的 集合 ) 

获得 以 名 / 值 对 表示 的 QueryString、Form、Cookie 和 ServerVariables 组 成 
的 集合 

数据 集合 ,取得 Web 服务 器 端的 环境 变量 信息 

从 客户 端 接收 的 所 有 数据 的 字 节 大 小 

取得 客户 端 主机 的 IP 地 址 

取得 客户 端 主机 的 DNS 名 称 


Request. 集合 名 ("变量 名 ") 


下 面 根据 功能 分 别 对 这 些 集合 加 以 介绍 。 

1) 要 获取 客户 端 提交 的 表单 数据 , 则 需 用 到 QueryString 集合 和 Form 集合 。 

客户 端 通过 Form 表单 向 服务 器 提交 数据 需 有 POST 和 GET 两 种 方法 。 

@ 当 客 户 端 使 用 GET 方法 提交 时 ,服务 器 就 通过 QueryString 集合 获取 数据 。GET 
方法 将 表单 数据 作为 参数 直接 附加 到 URL 地 址 的 后 面 ,附加 参数 和 URL 地 址 之 间 通 常用 
“?” 连 接 。 由 于 浏览 器 对 地 址 栏 的 长 度 有 限制 ,因此 也 限定 了 提交 数据 的 长 度 。 


附加 参数 的 格式 为 : 


URL?Variable = Value 


URL?Variablel = Valuel & Variable2 = Value2 


其 中 ,Varibale 是 通过 HTTP 传递 过 来 的 变量 名 或 GET 方式 提交 的 表单 变量 ,Value 是 变 
量 的 值 。 当 有 多 个 参数 变量 时 , 则 不 同 “ 名 / 值 ” 对 之 间 用 “&” 符 号 连接 。 


例如 : 


http://www. sina. com/news. asp?userid = 22306 // 符 号 ?后 的 userid = 22306 是 一 个 “名 / 值 ? 对 


服务 器 获取 数据 时 采用 


Request. Querystring ("userid") // 读 取 表 单 中 userid 输入 域 的 值 


当 客户 端 有 大 量 信息 需 提 交 时 ,通常 使 用 POST 方法 。 这 样 服务 器 就 通过 Form 集合 
取出 用 户 输入 的 数据 。 
例如 


Request. Form ("userid") 


注意 : 可 以 省 略 Request 后 的 Querystring 或 Form 集合 名 ,而 直接 采用 Request(“ 变 量 
名 ”) 的 形式 。 例 如 ,直接 使 用 Request(“username”) ,等 价 于 Request. Form(“username”) 或 
Request. Querystring (“username”) 的 结果 。 

2) 读 取 保存 的 Cookie 信息 

要 从 Cookies 中 读 取 数据 , 则 要 使 用 Request 对 象 的 Cookies 集合 ,其 格式 为 : 


Request. Cookies["Cookies 名 称 " ] 
例如 : 


// 获 取 Cookie 对 象 

HttpCookie MyCookie = Request. Cookies["Username" ]; 
// 读 取 Cookie 值 

string myName = MyCookies.Value; 


在 BBS 或 聊天 室 中 ,常常 将 用 户 登 录 时 输入 的 用 户 名 或 昵称 (如 nickname) 保 存在 
Cookie 中 ,这 样 在 后 面 的 程序 中 就 可 以 容易 地 调用 该 用 户 的 昵称 了 。 

3) 读 取 服 务 器 端的 环境 变量 

ServerVariables 集合 用 于 获取 系统 的 环境 变量 信息 。 使 用 的 语法 格式 为 : 


Request. ServerVariables(" 环 境 变量 名 ") 


或 
Request(" 环 境 变量 名 ") 
例如 ,使 用 下 面 的 语句 能 够 在 页 面 中 显示 客户 端的 IP 地 址 : 
Request. ServerVariables("REMOTE ADDR") 
表 8-5 所 示 是 部 分 的 环境 变量 名 ,可 以 得 到 ServerVariables 集合 内 存储 的 对 应 的 变量 值 。 
表 8-5 ”ServerVariables 环境 变量 
环境 变量 名 说 明 
ALL_HTTP 客户 端 发 送 的 所 有 HTTP 标题 
CERT_COOKIE 客户 端 验 证 的 唯一 ID, 以 字符 串 方式 返回 
CONTENT_LENGTH 客户 端 提交 的 正文 长 度 
CONTENT_TYPE 正文 的 数据 类 型 。 可 用 于 判断 用 户 提交 数据 的 方法 ,如 GET、 
POST 等 


HTTP_ACCEPT_LANGUAGE ”获取 客户 端 所 使 用 的 语言 
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续 表 
环境 变量 名 说 明 
LOCAL_ADDR 返回 接受 请 求 的 服务 器 IP 地 址 
PATH_INFO 获取 虚拟 路 径 信息 
PATH_TRANSLATED 获取 当前 页 面 的 物理 路 径 


QUERY_ STRING 
REMOTE _ADDR 
REMOTE_HOST 
REMOTE_USER 


REQUEST_METHOD 
SCRIPT_NAME 
SERVER_NAME 
SERVER_PORT 
SERVER_PROTOCOL 
SERVER_SOFTWARE 
URL 


2.Request 对 象 的 方法 


查询 HTTP 请 求 中 问号 (?) 后 的 信息 

发 出 请 求 的 远程 主机 的 IP 地 址 

发 出 请 求 的 主机 名 称 

用 户 发 送 的 未 映射 的 用 户 名 字符 串 。 该 名 称 是 用 户 实际 发 送 的 名 
称 ,与 服务 器 上 验证 过 滤器 修改 过 后 的 名 称 对 应 

获取 表单 提交 内 容 的 方法 ,如 GET .POST 等 

执行 脚本 的 虚拟 路 径 或 自 指定 的 URL 路 径 

获取 服务 器 主机 名 、DNS 别名 、IP 地 址 以 及 自 指定 的 URL 路 径 
发 出 请 求 的 端口 号 

请 求 信 息 协 议 的 名 称 和 修订 版 本 ,格式 为 protocol/revision 
服务 器 运行 的 软件 名 称 和 版 本 号 ,格式 为 name/version 

系统 的 URL 路 径 


Request 对 象 的 常用 方法 如 表 8-6 所 示 。 


表 8-6 “Request 对 象 的 方法 


方 法 说 明 
BinaryRead 执行 对 当前 输入 流 进 行 指定 字 节 数 的 二 进 制 读 取 
MapPath 将 请 求 URL 中 的 虚拟 路 径 映 射 到 服务 器 上 的 物理 路 径 
GetType 获取 当前 对 象 的 类 型 
SaveAs 将 HTTP 请 求 保存 到 磁盘 
ToString 将 当前 对 象 转换 成 字符 串 


一 般 来 说 ,使 用 BinaryRead 方法 取得 服务 器 端 所 传递 的 数据 就 不 能 使 用 Request 对 象 
所 提供 的 各 种 数据 集合 ,否则 会 发 生 错误 。 反 之 , 若 使 用 Request 对 象 的 数据 集合 取得 客户 
端 数据 ,也 不 能 使 用 BinaryRead 方法 。 因 此 ,BinaryRead 方法 并 不 常用 。 


8.1.3 Server 对 象 


Server 对 象 属 于 HttpServerUtility 类 。 该 类 包含 处 理 HTTP 请 求 的 方法 。 

通过 Server 对 象 可 以 访问 服务 器 上 的 方法 和 属性 。 例 如 ,得 到 服务 器 上 某 文件 的 物理 
路 径 、 设 置 某 文件 的 执行 期 限 等 。 使 用 Server 对 象 可 以 创建 各 种 服务 器 组 件 实例 ,从 而 实 
现 服 务 器 上 的 许多 高 级 功能 ,如 访问 数据 库 、 文 件 输入 输出 等 操作 。 


1. Server 对 象 的 属性 


HttpServerUtility 类 是 Server 对 象 对 应 的 ASP.NET 类 。 它 的 属性 如 表 8-7 所 示 。 


Server 对 象 的 属性 ScriptTimeout 用 来 表示 Web 服务 器 响应 一 个 网 页 请 求 所 需要 的 
时 间 。 如 果 脚 本 超过 该 时 间 限 度 还 没有 执行 结束 , 它 将 被 强行 中 止 ,并 提交 超时 错误 。 这 样 
做 主要 是 用 来 防止 某 些 可 能 进入 死 循 环 的 错误 导致 服务 器 过 载 问题 。 


表 8-7 Server 对 象 的 属性 


属 性 说 明 
ScriptTimeout 获取 和 设置 脚本 文件 执行 的 最 长 时 间 ( 单 位 为 秒 ) 
MachineName 获取 服务 器 的 计算 机 名 称 


如 果 不 对 ScriptTimeout 属性 进行 设置 , 则 默认 为 90 秒 。 如 果 将 其 设置 为 一 1, 则 永远 


不 会 超时 。 该 语句 要 放 在 所 有 ASP 执行 语句 之 前 ,否则 不 起 作用 。 
例如 : 


Server. ScriptTimeout = 100 // 指 定 服务 器 处 理 脚 本 的 超时 期 限 为 100 秒 
limit = Server. ScriptTimeout ”// 将 设置 过 的 超时 期 限 存放 到 一 个 变量 中 


2. Server 对 象 的 方法 
Server 对 象 的 方法 及 含义 如 表 8-8 所 示 。 
表 8-8 Server 对 象 的 方法 


方 法 说 明 
ClearError 清除 前 一 个 异常 
CreateObject 创建 COM 对 象 的 一 个 服务 器 实例 
Execute 停止 执行 当前 网 页 , 转 到 另 一 个 网 页 执行 ,执行 完 后 返回 原 网 页 
GetLastError 获得 前 一 个 异常 ,可 用 于 访问 错误 信息 
Transfer 停止 执行 当前 网 页 , 转 到 新 的 网 页 执行 ,执行 完 后 不 返回 原 网 页 
MapPath 将 指定 的 虚拟 路 径 映 射 为 物理 路 径 
HTMLEncode 对 字符 串 进行 HTML 编码 ,并 将 结果 输出 
HTMLDecode 对 HTML 编码 的 字符 串 进行 解码 ,并 将 结果 输出 
UrlEncode 将 字符 串 按 URL 编码 规则 输出 
UrlDecode 对 在 URL 中 接收 的 HTML 编码 字符 串 进行 解码 ,并 将 结果 输出 


1) CreateObject 方法 
CreateObject 方法 用 于 在 ASP.NET 中 创建 一 个 服务 器 实例 。 
例如 : 


Server. CreateObject ("ADODB. Connection") 


表示 创建 一 个 ADO 组 件 的 实例 。 
2) Execute 方法 和 Transfer 方法 


Execute 方 法 调用 一 个 指定 的 脚本 文件 并 且 执行 ,执行 完毕 后 再 返回 原文 件 。 就 像 被 
调用 的 脚本 文件 存在 于 这 个 主 文件 中 一 样 , 类 似 于 许多 语言 中 的 类 或 子 程序 的 调用 。 


Execute 方法 的 语法 格式 为 : 
Server. Execute( string URL) 


其 中 ,参数 URL 为 指定 执行 的 脚本 文件 的 地 址 。 


Transfer 方 法 的 作用 是 将 一 个 正在 执行 的 脚本 文件 的 控制 权 转 移 给 另 一 个 文件 执行 ， 
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执行 完毕 后 不 返回 原文 件 。 其 语法 格式 为 : 
Server. Transfer( string URL) 


注意 : Server 对 象 的 Transfer 方法 .Execute 方法 和 Response 对 象 的 Redirect 方法 既 
有 相似 之 处 ,也 有 区 别 。 它 们 都 是 终止 执行 当前 Web 页 面 , 转 而 执行 另 一 个 页 面 。 

。 使 用 Transfer 和 Execute 方法 只 能 转移 到 本 网 站 的 其 他 网 页 ,而 Redirect 方法 可 以 
转移 至 任 一 网 站 的 任 一 个 网 页 。 

。 Execute 方法 相当 于 子 程序 的 调用 ,执行 被 调用 程序 后 ,会 返回 原 程 序 。Transfer 方 
法 、Redirect 方法 都 不 再 返回 原 程序 执行 。 

。 使 用 Transfer 方法 调用 另 一 个 文件 ,会 进行 控制 权 的 转移 ,并 且 所 有 内 置 对 象 的 值 
都 一 起 “转移 ”, 并 保留 至 新 的 网 页 。Redirect 方法 则 仅仅 转移 控制 权 。 

。 使 用 Transfer 和 Execute 方 法 时 ,客户 端 与 服务 器 只 进行 一 次 通信 。 而 Redirect 方 
法 在 重 定向 过 程 中 ,客户 端 与 服务 器 进行 两 次 来 回 的 通信 。 第 一 次 通信 是 对 原始 页 
面 的 请 求 ,得 到 一 个 目标 已 经 改变 的 应 答 , 第 二 次 通信 是 请 求 指向 新 页 面 ,得 到 重 定 
向 后 的 页 面 。 

3) MapPath 方法 

MapPath 方法 将 指定 的 虚拟 路 径 映射 到 服务 器 上 的 物理 路 径 。 其 引用 格式 为 : 


Server. MapPath( path) 


其 中 ,参数 path 是 Web 服务 器 上 的 虚拟 路 径 , 返 回 值 是 与 path 对 应 的 物理 文件 路 径 。 在 
虚拟 路 径 中 ,以 字符 “/” 或 “\” 开 始 的 字符 串 , 说 明 它 是 一 个 完整 的 路 径 ,将 返回 一 个 相对 于 
服务 器 根 目 录 的 地 址 。 如 果 只 有 字符 “/” 或 “\”, 将 返回 服务 器 的 根 目录 地 址 。 

例 8-3 Server 对 象 的 MapPath 方法 。 


protected void Page Load(object sender, EventArgs e) 
{ 
Response. Write(" 服 务 器 的 根 路 径 : ”+ Server. MapPath("./")); 
Response. Write("< br > 当前 文件 所 在 的 物理 路 径 : " + Server.MapPath(".") ); 
Response. Write("< br >Default. aspx 文件 的 位 置 : " + 
Server. MapPath( "Default. aspx" ) ); 
} 


上 述 代 码 运行 结果 如 图 8-1 所 示 。 
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图 8-1 Server 对 象 的 MapPath 方法 


4) 对 HTML 进行 编码 和 解码 

HTML 是 用 标记 “二 ”和 “二 ” 括 起 来 的 ,通常 这 些 标 记 被 浏览 器 识别 为 系统 标记 ,不 会 
显示 在 浏览 器 上 。 利 用 Server 对 象 的 HtmlEncode 和 HtmlDecode 方法 可 以 对 HTML 进 
行 编码 和 解码 。 

HtmlEncode 方法 对 要 在 浏览 器 中 显示 的 字符 串 进行 编码 ,可 以 阻止 浏览 器 解释 
HTML 语法 ,从 而 直接 将 <” 和 “二 ”显示 在 浏览 器 上 。 实 际 上 ,也 就 是 将 “二 ”和 “二 ” 转 义 
为 *&1t;” 和 “&.gt; ”发 送 到 浏览 器 。 

HtmlEncode 方法 的 引用 格式 为 : 


Server. HtmlEncode (string s) 
Server. HtmlEncode (string s, TextWriter output) 


其 中 ,s 是 要 编码 的 字符 串 ; output 是 TextWriter 输出 流 , 包 含 已 编码 的 字符 串 。 
HtmlDecode 方法 用 于 对 已 经 进行 HTML 编码 的 字符 串 进行 解码 ,是 HtmlEncode 的 
反 操作 。 其 语法 定义 如 下 : 


Server. HtmlDecode (string s) 
Server. HtmlDecode (string s, TextWriter output) 


其 中 ,s 是 要 解码 的 字符 串 ;output 是 TextWriter 输出 流 ,包含 已 解码 的 字符 串 。 
例 8-4 Server 对 象 的 HtmlEncode 和 HtmlDecode 方法。 


Protected void Page Load(object sender, EventArgs e) 

{ 
string enStr = Server.HtmlEncode("< font size = 4> 输 出 HTML 标记 </font>"); 
Response. Writel( enStr); 
Response. Write("< hr >"); 
string deStr = "&lt;font size = 5&gt; 输 出 HIML 标 记 &lt;/font&gt;"; 
Response. Write( "< br > 要 解码 的 字符 串 : ”+ deStr) ; 
Response. Write( "< br > 解码 后 : " + Server. HtmlDecode( deStr) ); 


运行 结果 如 图 8-2 所 示 。 
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图 8-2” Server 对象 的 HtmlEncode 和 HtmlDecode 方 法 
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5) 对 URL 进行 编码 和 解码 


UrlEncode 方法 用 于 编码 字符 串 , 以 便 通过 URL 从 Web 服务 器 到 客户 端 进行 可 靠 的 


HTTP 传输 。 其 引用 格式 为 : 


Server. UrlEncode (string URL) 
Server. UrlEncode (string URL, TextWriter output) 


其 中 ,参数 url 为 要 转换 的 URL 地 址 的 字符 串 ,output 是 TextWriter 输出 流 ,包含 已 
编码 的 字符 串 。 

在 程序 中 ,有 些 字符 是 不 能 被 直接 读 取 的 ,如 空格 、 特 殊 的 ASCII 字符 等 。 
URL 的 形式 进行 传递 时 ,通常 不 允许 出 现 这 些 字 符 , 而 根据 URL 规则 对 字符 串 进行 编码 
后 则 可 以 传输 各 种 字符 。UrlEncode 方法 将 这 些 ASCII 字符 转换 成 URL 中 等 效 的 字符 。 
空格 用 "十 ?代替 ,ASCII 码 大 于 126 的 字符 用 “%" 后 跟 16 进 制 代码 进行 蔡 换 。 


例 8-5 Server 对 象 的 URLEncode 方法 应 用 。 


protected void Page Load(object sender, EventArgs e) 


| 


String str = "http://mail. 163. com" ; 

Response. Write("<p> 执 行 URLEncode 方法 前 : " + str ) ; 
String strNew = Server.URLEncode(str) 

Response. Write ("<p> 执 行 URLEncode 方 法 后 : ”+ strNew ); 


运行 结果 如 图 8-3 所 示 。 


与 UrlEncode 方 法 相反 ,UrlDecode 方法 用 于 对 字符 串 进行 解码 ,可 以 还 原 被 编码 的 字 
符 串 。 其 引用 格式 为 : 
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图 8-3 Server 对 象 的 URLEncode 方 法 应 用 


Server. UrlDecode (string URL) 
Server. UrlDecode (string URL, TextWriter output) 


用 户 访 问 Web 站 点 时 ,数据 是 遵从 HTTP 协议 进行 传输 的 。HTTP 是 一 种 无 状态 协 
议 , 服 务 器 对 来 自 客户 端的 每 个 请 求 都 视 为 新 请 求 。 也 就 是 说 ,用 户 向 Web 服务 器 发 出 的 


8.2 状态 信息 保存 


每 个 请 求 都 与 前 面 的 请 求 无 关 , 服 务 器 无 法 知道 两 个 连续 的 请 求 是 否 来 自 同一 用 户 。 一 个 
典型 的 实例 就 是 网 上 购物 。 假 定 用 户 访问 一 个 网 上 商城 , 当 他 每 次 选中 商品 放 和 人 自己 的 购 
物 车 时 ,就 向 服务 器 发 出 一 次 单独 的 HTTP 请 求 ,如果 他 连续 选 购并 放 入 购物 车 ,服务 器 就 
必须 记 住 先前 放 和 的 书 ( 即 前 面 的 HTTP 请 求 ), 直 到 用 户 结账 或 取消 购物 。 当 用 户 付款 
时 ,需要 提供 网 上 银行 的 账号 和 密码 。 此 后 ,商家 通过 物流 系统 进行 配送 。 用 户 在 收 到 商品 
之 前 ,可 以 随时 查看 自己 的 订单 所 处 的 状态 。 

在 一 个 复杂 的 流程 中 ,有 大 量 的 信息 需要 在 各 个 环节 进行 保存 、 更 新 或 查询 ,因此 ,任何 
一 个 Web 应 用 系统 都 要 解决 状态 信息 的 保存 和 共享 问题 。 

下 面 介 绍 与 Web 状态 信息 保存 有 关 的 Application 对 象 ,Session 对 象 .Cookie 对 象 和 
ViewState 对 象 等 。 


8.2.1 Application 对 象 


当 需 要 在 整个 ASP.NET 应 用 程序 范围 内 共享 信息 时 ,可 以 使 用 Application 对 象 。 它 
的 用 途 是 记录 整个 网 站 的 信息 。 也 就 是 说 ,Application 对 象 所 存储 的 数据 可 以 被 访问 当前 
Web 站 点 的 所 有 用 户 使 用 ,并 且 在 网 站 服务 器 运行 期 间 永久 保存 。 

Application 对 象 是 HttpApplicationState 类 的 实例 ,存放 的 是 供 ASP.NET 应 用 程序 
使 用 的 变量 ,属于 此 应 用 程序 的 所 有 页 面 都 可 以 存储 并 修改 同一 个 Application 对 象 ( 如 聊 
天 室 和 网 站 计数 器 )。Application 对 象 没 有 生命 周期 ,不 论 客 户 端 浏览 器 是 否 关 闭 ， 
Application 对 象 仍 然 存 在 于 服务 器 上 。 

1. Application 对 象 的 键 值 

Application 对 象 通过 使 用 用 户 自 定义 的 数据 键 值 来 存 取 信息 。 其 格式 如 下 : 


Application[" 键 名 "] = 值 
例如 ,以 下 代码 为 Application 对 象 添 加 一 个 整数 。 
Application["MyVar"] = 2; 


在 页 面 中 .可 以 通过 Application["MyVar"] 读 取 这 一 数据 。 一 旦 给 Application 对 象 
分 配 数据 之 后 , 它 就 会 持久 地 存在 ,并 始终 占用 内 存 空间 ,直到 关闭 Web 服务 器 使 得 
Application 停止 。 

如 果 要 删除 Application 对 象 中 的 键 值 , 则 调用 Remove() 方法 ,并 指定 键 名 。 

例如 : 


Application. Remove[ "MyVar" ]; 


2. Application 对 象 的 方法 

Application 对 象 的 主要 方法 如 表 8-9 所 示 。 

使 用 Application 对 象 的 Add() 方法 可 以 向 应 用 程序 状态 添加 新 的 项 。 
例如 : 


Application. Add( "Title", article board) 或 Application("Title") = "Article Board" 
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表 8-9 Application 对 和 象 的 主要 方法 


方 法 说 明 
AddO) 向 Application 状态 添加 新 对 象 
ClearQO) 从 Application 状态 中 移 除 所 有 对 象 
Remove() 从 Application 集合 中 按照 键 名 移 除 项 
Lock() 锁定 Application 对 象 
UnLockO) 解除 对 Application 对 象 的 锁定 


由 于 存储 在 Application 对 象 中 的 数据 可 以 并 发 访问 ,可 能 造成 同一 个 变量 在 同一 时 刻 
被 多 个 用 户 写 入 的 情况 。 因 而 在 存 取 Application 对 象 的 值 之 前 ,必须 先 锁定 它 ; 然后 在 使 
用 完 后 解锁 。Application 对 象 提供 了 Lock 方法 和 Unlock 方法 ,它们 必须 配对 使 用 。 

Lock 方法 用 于 锁定 Application 对 象 ,以 确保 同一 时 刻 仅 有 一 个 用 户 可 以 修改 或 存 取 
其 数据 键 值 。Unlock 方法 用 于 解除 锁定 ,允许 其 他 用 户 修改 和 存 取 数 据 键 值 。 

例 8-6 ”使 用 Application 对 象 统计 所 有 访问 网 站 的 人 次 (网 站 访问 计数 器 ) 。 


protected void Page_Load(object sender, EventArgs e) 

{ 
if ( Convert.ToInt32(Application[ "NumVisits"]) <1) 

Application["NumVisits"] = 1; 

. 
// 加 镇 ,确保 同一 时 刻 仅 有 一 个 用 户 可 修改 变量 
Application. Lock() ; 
1/ 计数器 加 1 
Application[ "NumVisits"] = int.Parse(Application["NumVisits"].ToString()) + 1; 
// 解 除 锁定 ,允许 其 他 用 户 修改 计数 器 的 值 
Application. UnLock( ); 


Response. Write(" 本 网 站 的 访问 次 数 为 "+ Application["NumVisits"].ToString() + "次!"); 
} 


程序 的 运行 结果 如 图 8-4 所 示 。 
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图 8-4 用 Application 对 象 统计 访问 网 站 的 总 人 次 


3. Application 对 象 的 事件 
Application 对 象 有 Application_OnStart 事件 和 Application_OnEnd 事件 。 它 们 的 代 
码 放 在 Global. asax 文件 中 。 


Application_OnStart 事件 在 创建 与 服务 器 的 首次 会 话 ( 即 Session_OnStart 事件 ) 之 前 
发 生 。 当 服务 器 启动 并 允许 用 户 请 求 时 ,就 触发 Application_OnStart 事件 。 
Application_OnEnd 事件 在 整个 ASP .NET 应 用 程序 退出 时 发 生 , 一 般 用 于 回收 占用 
的 服务 器 资源 , 即 释放 Application 变量 。 
表 8-10 列 出 了 Application 对 象 和 Session 对 象 的 所 有 事件 。 
表 8-10 ”Application 对 象 和 Session 对 象 的 事件 


事 是 说 明 
Application_Start 调用 当前 应 用 程序 目录 (或 其 子 目 录 ) 下 的 第 一 个 ASP.NET 页 面 时 触发 
Application_End 应 用 程序 的 最 后 一 个 会 话 结束 时 触发 


Application_BeginRequest 每 次 页 面 请 求 开始 时 触发 (理想 情况 下 是 在 页 面 加 载 或 刷新 时 ) 
Application_EndRequest 每 次 页 面 请 求 结束 时 ( 即 每 次 在 浏览 器 上 执行 页 面 时 ) 触 发 
ssion_Start 每 次 新 的 会 话 开 始 时 触发 

>n_End 会 话 结束 时 触发 


4. Global. asax 文件 

每 个 Web 网 站 都 对 应 一 个 Global. asax 配置 文件 。Global. asax 文件 包含 了 所 有 应 用 
程序 的 配置 设置 ,并 存储 了 所 有 的 事件 处 理 程序 。Global. asax 文件 存放 在 网 站 的 根 目录 
下 。Application 对 象 和 Session 对 象 的 所 有 事件 都 存放 在 Global. asax 文件 中 。 

默认 的 Global. asax 文件 内 容 为 : 

< 多 四 Application Language = "C#" %> 


< script runat = " server"> 
void Application Start(object sender, EventArgs e) 


, // 在 应 用 程序 启动 时 运行 的 代码 

ns Application End(object sender, EventArgs e) 

// 在 应 用 程序 关闭 时 运行 的 代码 

二 Application Error(object sender, EventArgs e) 

, // 在 出 现 未 处 理 的 错误 时 运行 的 代码 

Session Start(object sender, EventArgs e) 

// 在 新 会 话 启动 时 运行 的 代码 

Session End(object sender, EventArgs e) 

: // 在 会 话 结束 时 运行 的 代码 
/* 注 意 : 只 有 在 Web. config 文件 中 的 sessionstate 模式 设置 为 

InProc 时 , 才 会 引发 Session End 事件 .如 果 会 话 模式 */ 
// 设 置 为 StateServer 或 SQLServer, 则 不 会 引发 该 事件 
ee 
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后 才 是 Session_OnS 


当 用 户 请 求 启动 应 用 程序 并 创建 新 的 会 话 时 ,首先 触发 Application_OnStart 事件 , 然 
tart 事件 。 当 处 理 完 当前 所 有 请 求 之 后 ,服务 器 首先 对 每 个 会 话 调用 


Session_OnEnd 事件 ,删除 所 有 的 活动 会 话 , 释 放 占 用 的 系统 资源 ,然后 调用 Application_ 
OnEnd 事件 关闭 应 用 程序 。 


被 调用 ,不 会 显示 在 页 面 上 。 


5. Global. asax 文件 应 用 实例 一 一 网 站 访问 人 数 统计 
在 网 站 的 首页 上 ,经 常会 看 到 网 站 统计 的 当前 在 线 人 数 。 要 实现 这 样 的 功能 很 简单 , 需 


要 在 Global. asax 中 为 应 用 程序 启动 事件 添加 有 关 的 代码 。 


例 8-7 使 用 Global. asax 文 件 统计 在 线 访问 人 数 。 


[Global. asax] 


<% 四 Application Language = "C#" %> 
< script runat = "server"> 


// 当 应 用 程序 启动 时 ,设置 全 局 变量 vistorCount 为 0 
protected void Application Start(object sender, EventArgs e) 
{ 
Application["VistorCount"] = 0; 
} 
protected void Application End(object sender, EventArgs e) 
tl 
// 应 用 程序 关闭 时 运行 的 代码 
b 
// 当 会 话 开 始 时 ,在 线 人 数值 加 1; 并 设 定 会 话 超时 时 限 为 2 分 钟 
protected void Session Start(object sender, EventArgs e) 
{ 
Application. Lock( ); 
Application["VisitorCount"] = (int)Application[ "VisitorCount"] +1; 
Application. UnLock( ); 
Session. Timeout = 2; 
} 
// 当 会 话 结束 时 , 在线 人 数值 减 1 
protected void Session End(object sender, EventArgs e) 
Application. Lock( ); 
Application["VisitorCount"] = (int)Application[ "VisitorCount"] —1; 
Application. UnLock( ); 
} 


</script> 


用 户 访问 网 站 并 修改 计数 器 值 , 采 用 了 Application 对 象 的 加 锁 和 解锁 方法 。 


注意 :在 事件 的 处 理 程序 代码 中 ,不 能 包含 任何 输出 语句 ,因为 Global. asax 文件 只 能 


本 例 中 ,使 用 全 局 可 访问 的 Application 对 象 存储 在 线 人 数 , 为 了 避免 在 同一 时 间 多 个 


当 任何 一 个 用 户 登录 网 站 时 ,在 Session_OnStart 事件 里 让 在 线 人 数 加 1; 当 用 户 离 开 


时 ,在 Session_OnEnd 事件 里 在 线 人 数 减 1。 这样 用 户 无 论 如 何 刷 新 网 页 ,在 线 人 数 都 不 会 


改变 。 
等 待 一 


这 里 要 注意 的 是 , 当 一 个 用 户 关闭 浏览 器 时 ,Session_End 并 不 会 马上 发 生 , 而 是 要 


个 指定 的 时 间 ( 由 Session 对 象 的 TimeOut 属性 指定 ,默认 为 20 分 钟 ) 后 才 触 发 


Session_End 事件 。 当 一 个 会 话 超时 后 ,用户 再 次 访问 网 站 , 则 会 开启 一 个 新 的 会 话 。 
在 页 面 上 ,只 要 有 如 下 代码 即 可 : 


protected void Page Load(object sender, EventArgs e) 

出 
string info=" 目前 在 线 人 数 为 : {0}"; 
info= string. Format(info, Application["VisitorCount"]); 
lblInfo. Text = info; 


程序 的 运行 结果 如 图 8-5 所 示 。 
= 
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目前 在 线 人 数 为 ，1 
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图 8-5 Global. asax 文件 应 用 实例 


8.2.2 Session 对 象 


通常 来 说 ,用 户 访问 网 站 就 被 视 为 “用 户 与 服务 器 进行 了 一 次 会 话 ”,Session 就 是 用 于 
保存 会 话 信息 的 对 象 。 同 一 个 Web 服务 器 可 能 同时 被 多 个 用 户 访问 ,每 个 用 户 都 与 服务 器 
建立 一 个 "会话 ? 关 系 。 也 就 是 说 ,从 用 户 到 达 某 个 特定 主页 开始 ,一 直到 关闭 浏览 器 的 那 段 
时 间 ,每 个 用 户 都 会 单独 获得 一 个 Session 对 象 。 

Session 对 象 属于 HttpSessionState 类 。Session 对 象 记载 了 特定 客户 的 信息 ,并 且 这 
些 信息 只 能 由 客户 自己 使 用 ,不 能 被 其 他 用 户 访问 。 换 句 话 说 ,就 是 在 同一 个 用 户 访 问 的 不 
同 页 面 间 可 以 共享 Session 数据 ,但 是 在 不 同 用 户 间 不 能 共享 数据 。 

为 了 方便 管理 ,服务 器 给 每 个 用 户 都 分 配 一 个 唯一 的 标识 符 , 即 SessionID ,这 样 服务 器 
就 能 够 识别 来 自 同 一 用 户 的 一 系列 请 求 了 。 如 图 8-6 所 示 , 当 用 户 第 一 次 请 求 一 个 Web 页 
面 时 ,服务 器 创建 一 个 Session( 记 录 了 Session 变量 name 王 William) ,同时 分 配给 该 用 户 一 
个 SessionID ,并 通过 Cookie 发 送 到 客户 端 。 当 该 用 户 再 次 请 求 另 一 个 页 面 时 ,必须 同时 加 
载 上 自己 的 SessionID。 服 务 器 收 到 请 求 后 ,就 搜索 与 那个 ID 匹配 的 Session, 找 到 请 求 的 
Session 变量 返回 给 用 户 ,这 样 Session 就 从 一 个 页 面 传递 到 下 一 个 页 面 , 服 务 器 也 就 能 够 
识别 来 自 同一 用 户 的 连续 请 求 了 。 

要 说 明 的 是 ,Session 保存 在 服务 器 端 ,Cookies 则 保存 在 客户 端 ,Session 的 工作 机 制 要 
用 到 Cookies。 如 果 客 户 端 浏览 器 不 支持 Cookies 或 者 关闭 了 Cookies,Session 也 就 无 法 使 
二 45 
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‘eGET/hello.php?name=William 


-加 
201 OK 
Session id 
Web Browser =940f8b05a40d5119c030c6 
Web Server 
| GET/next.php 
Session id 各 
=940f8b05a40d5119c030c6 
200 OK -二 
Web Browser <html>...Hello, William...</html> 


Web Server 


图 8-6 Web 上 的 Session 管理 
1。.Session 对 象 的 属性 
Session 对 象 的 主要 属性 如 表 8-11 所 示 。 

表 8-11 Session 对 象 的 属性 


属 性 说 明 
SessionID 获取 会 话 的 唯一 标识 符 (只 读 ,长 整 型 ) 
Timeout 获取 和 设置 会 话 时 间 的 超时 时 限 ,默认 值 为 20 分 钟 
Count 获取 会 话 状态 集合 中 的 项 数 
Item 获取 或 设置 会 话 值 的 名 称 
IsSNewSession 若 该 会 话 是 由 当前 请 求 创建 的 ,该 属性 将 返回 值 true 


当 用 户 第 一 次 访问 一 个 网 站 时 ,服务 器 就 给 该 用 户 建立 了 一 个 Session 对 象 ,并 分 配 一 
个 唯一 的 SessionID。Session 对 象 所 创建 的 变量 如 同 全 局 变量 一 样 , 在 该 用 户 访问 的 每 个 
Web 页 面 程序 中 都 可 以 直接 读 取 。 

创建 一 个 Session 对 象 和 给 Session 变量 赋值 的 语法 是 一 样 的 。 第 一 次 给 Session 变量 
赋值 即 自动 创建 Session 对 象 ,以 后 再 赋值 就 是 修改 其 中 的 值 了 。 语 法 如 下 : 

Session [" 键 名 "] = 值 

Session 对 象 有 自己 的 有 效 期 。 在 有 效 期 内 ,如 果 客 户 端 不 再 向 服务 器 发 出 新 请 求 或 刷 
新 页 面 ,该 Session 就 会 自动 结束 并 释放 出 占用 资源 , 即 Session 变量 的 值 被 清空 。 通 过 
TimeOut 属性 可 以 设置 Session 对 象 的 超时 时 间 。 

例如 : 


Session. Timeout = 90 // 将 有 效 期 设置 为 90 分 钟 


2. Session 对 象 的 方法 
Session 对 象 的 主要 方法 如 表 8-12 所 示 。 


表 8-12 Session 对 象 的 方法 


办， 法 说 明 
Abandon 清除 用 户 的 Session 对 象 ,释放 系统 资源 。 调 用 该 方法 后 会 触发 session_OnEnd 
事件 
Add 添加 一 个 新 项 到 会 话 状 态 中 
Clear 清除 当前 会 话 状态 的 所 有 值 
CopyTo 将 当前 会 话 状态 值 的 集合 复制 到 一 个 一 维 数组 中 
Remove 删除 会 话 状态 集合 中 的 项 
RemoveAt 删除 会 话 状态 集合 中 指定 索引 处 的 项 
RemoveAll 清除 会 话 状态 集合 中 的 所 有 的 键 和 值 


用 户 在 一 个 网 站 内 浏览 Web 页 面 的 整个 过 程 期 间 , 称 为 一 个 "Session 期 间 ”。 在 一 个 
Session 期 间 内 (未 超时 之 前 ) ,如 果 使 用 了 Abandon 方法 ,可 以 清除 存储 在 Session 中 的 所 
有 对 象 和 变量 ,结束 该 会 话 并 释放 系统 资源 。 如 果 不 使 用 Abandon 方法 ,系统 将 一 直 等 到 
Session 超时 才 将 Session 中 的 对 象 和 变量 清除 。 

例 8-8 ”使 用 Session 对 象 统计 某 一 用 户 的 访问 次 数 。 


protected void Page Load(object sender, EventArgs e) 
| 
// 创 建 Session 变量 username 
Session["username"] = "jyu"; 
// 创 建 Session 变量 visits 
Session[ "visits"] = Convert.ToInt32(Session["visits"]) + 1; 


String StrName = Session["username"].ToString(); 

Response. Write ("你 好 ! " + StrName) ; 

Response. Write ("<br > 欢迎 你 的 第 ”+ Session["visits"] + " 次 访问 "); 
| 


程序 运行 的 结果 如 图 8-7 所 示 。 


了 加 
Se veo romes rs7 [sx] [7 
」 文件 人 ”编辑 (E) 查看 (收藏 来 () 工具 (D ” 
之 收 总 天 。 猴 http:/fiocahost:1873/webste3jD... 


你 好 ! jyu 
欢迎 你 的 第 3 次 访问 


到 
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图 8-7 使 用 Session 对 象 统计 某 一 用 户 的 访问 次 数 


3. Session 对 象 的 事件 

Session 对 象 有 Session_OnStart 事件 和 Session_OnEnd 事件 。 

Session_OnStart 事件 在 用 户 与 服务 器 创建 一 个 新 的 会 话 时 触发 ,服务 器 在 执行 请 求 的 
页 面 之 前 先 处 理 该 脚本 。 可 以 在 该 事件 中 定义 所 有 在 页 面 中 需要 使 用 的 Session 变量 。 

Session_OnEnd 事件 在 Session 结束 时 被 调用 。 当 程序 调用 了 Session 对 象 的 
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Abandon 方法 或 发 生 超时 情况 时 ,触发 Session_OnEnd 事件 。Session_OnEnd 事件 一 般 用 
于 清理 系统 对 象 或 变量 的 值 ,释放 系统 资源 。 
这 两 个 事件 的 代码 都 存储 在 服务 器 根 目 录 下 的 Global. asax 文件 中 。 


8.2.3 Cookie 对象 


Session 对 象 能 够 保存 用 户 信 息 , 但 是 Session 对 象 并 不 能 够 持久 的 保存 用 户 信息 , 当 
用 户 在 限定 时 间 内 没有 任何 操作 时 ,用 户 的 Session 对 象 将 被 注销 和 清除 ,在 持久 化 保存 用 
户 信息 时 ,Session 对 象 并 不 适用 。 

使 用 Cookie 对 象 能 够 持久 化 的 保存 用 户 信息 , 相 比 于 Session 对 象 和 Application 对 象 
而 言 ,Cookie 对 象 保存 在 客户 端 ,而 Session 对 象 和 Application 对 象 保存 在 服务 器 端 , 所 以 
Cookie 对 象 能 够 长 期 保存 。Web 应 用 程序 可 以 通过 获取 客户 端的 Cookie 识别 和 判断 一 个 
用 户 的 身份 。 

ASP.NET 提供 了 HttpCookie 对 象 处 理 Cookie ,该 对 象 是 System. Web 命名 空间 中 的 
HttpCookie 类 的 对 象 。 每 个 Cookie 都 是 HttpCookie 类 的 一 个 实例 。 

1，Cookie 对 象 的 属性 

Cookie 是 一 个 很 小 的 文本 文件 ,由 网 站 服务 器 在 用 户 第 一 次 访问 时 生成 ,发 送 到 客户 
端的 硬盘 里 ,用 来 存储 用 户 的 特定 信息 。 当 用 户 再 次 访问 该 站 点 时 ,浏览 器 就 会 在 本 地 硬盘 
上 查找 与 该 网 站 相关 联 的 Cookie。 如 果 存 在 ,就 将 它 与 页 面 请 求 一 起 发 送 到 网 站 服务 器 ， 
服务 器 上 的 Web 应 用 程序 就 可 以 读 取 Cookie 中 包含 的 信息 。 

一 般 来 说 ,每 个 客户 端 最 多 能 存储 300 个 Cookie ,一 个 站 点 能 为 一 个 单独 的 用 户 最 多 
设置 20 个 Cookie。 

Cookie 对 象 的 主要 属性 如 表 8-13 所 示 。 

表 8-13 ”Cookie 对 象 的 主要 属性 


属 性 说 明 
Domain 获取 或 设置 Cookie 应 属于 的 域名 
Expires 获取 或 设置 Cookie 的 过 期 时 间 
Name 获取 或 设置 Cookie 的 名 称 
Path 获取 或 设置 当前 Cookie 适用 的 路 径 
Secure 指定 是 否 通过 SSL( 即 仅 通过 HTTPS) 传 输 Cookie 
Value 获取 或 设置 Cookie 的 Value 
Values 获取 在 Cookie 对 象 中 包含 的 键 值 对 的 集合 


2. Cookie 对 象 的 方法 
Cookie 对 象 的 方法 如 表 8-14 所 示 。 
表 8-14 ”Cookie 对 象 的 主要 方法 


方 。 法 说 明 
Add 增加 Cookie 
Glen 清除 Cookie 集合 内 的 变量 
Get 通过 键 名 或 索引 得 到 Cookie 的 什 


Remove 通过 Cookie 的 键 名 或 索引 删除 Cookie 对 象 


3. 访问 Cookie 
ASP.NET 包含 两 个 内 部 Cookie 集合 : Request 对 象 的 Cookies 集合 和 Response 对 象 
的 Cookies 集合 。 其 中 , Request 对 象 的 Cookies 集合 包含 由 客户 端 传输 到 服务 器 的 


Cookie, 这 些 
新 的 Cookie, 这 


Cookie 以 Cookie 标 头 的 形式 传输 。Response 对 象 的 Cookies 集合 包含 一 些 
些 Cookie 在 服务 器 上 创建 并 以 Set-Cookie 标 头 的 形式 传输 到 客户 端 。 


浏览 器 负责 管理 用 户 本 地 硬盘 上 的 Cookie。 在 ASP.NET 页 面 中 ,可 以 通过 Response 
对 象 来 创建 和 设置 Cookie, 即 向 浏览 器 写 和 人 Cookie。 通 过 Request 对 象 可 以 读 取 Cookie。 
关于 Cookie 的 设置 和 读 取 方法 ,参见 8.1.1 节 和 8.1.2 节 的 有 关内 容 。 


例 8-9 


设置 和 读 取 Cookie 值 。 


protected void Page Load(object sender, EventArgs e) 


t 


DateTime now = DateTime. Now; 
// 创 建 了 一 个 Cookie 对 象 , 名 为 LastVistTime 
HttpCookie MyCookie = new HttpCookie("LastVistTime"); 


// 设 置 cookie 值 为 当前 时 间 

MYCookie, Value = now.ToString(); 

// 设 置 cookie 超 时 时 间 为 2 个 小 时 

MyCookie. Expires = now.AddHours(2); 

// 将 新 Cookie 添加 到 Response 对 象 的 Cookies 集合 中 
Response. Cookies. Add( MyCookie); 


// 从 


Request 对 象 的 Cookie 集合 中 读 取 名 为 LastVistTime 的 Cookie 值 


string myVistTime = Request. Cookies["LastVistTime" ].Value; 


Response.Write(" 上 次 访问 时 间 为 : ”+ myVistTime) 


| 


程序 中 ,创建 Cookie 的 代码 可 以 简写 为 : 


HttpCookie MyCookie = new HttpCookie("LastVistTime", now.ToString()); 


时 


Reponse. Cookies[ "LastVistTime"] = now.ToString(); 


程序 的 运行 结果 如 图 8-8 所 示 。 

注意 : 由 于 Cookie 存储 在 客户 端 , 所 以 不 能 在 
服务 器 端 编程 直接 修改 Cookie。 如 果 确 实 需要 修改 
的 话 ,就 创建 一 
覆盖 原 Cookie 。 


当 删 除 
Expires 属性 ， 
设置 Expires 


个 同名 的 Cookie, 然 后 发 送 到 客户 端 


Cookie 时 , 则 可 以 利用 Cookie 的 
创建 一 个 与 原 Cookie 同名 的 Cookie， 
属性 为 过 去 的 某 一 天 ,将 其 发 送 到 客户 图 8-8 设置 和 读 取 Cookie 值 
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端 覆盖 原 Cookie。 当 浏览 器 检查 Cookie 的 失效 日 期 时 ,就 会 删除 这 个 过 期 的 Cookie。 
8.2.4 ViewState 对 象 


在 针对 同一 页 面 的 多 次 请 求 时 ,可 以 使 用 ViewState 对 象 保存 服务 器 控件 的 状态 信息 。 
简单 地 说 ,ViewState 就 是 用 于 维护 页 面 的 UI 状态 的 。 

与 Session 对 象 相 比较 ,Session 对 象 保存 在 服务 器 内 存 , 大量 使 用 Session 会 使 得 服务 
器 负担 加 重 。ViewState 对 象 将 数据 存 入 到 页 面 隐藏 控件 中 ,不 占用 服务 器 资源 。Session 
的 默认 超时 时 间 是 20 分 钟 ,而 ViewState 则 永远 不 会 超时 。ViewState 只 能 在 同一 个 页 面 
的 多 次 回 发 间 保存 状态 信息 ,不 能 解决 在 多 个 页 面 间 共 享 状态 信息 的 问题 ,而 后 者 可 通过 
Session 对 象 解决 。 

跟 隐藏 控件 相似 ,ViewState 在 同一 个 页 面 的 多 次 请 求 间 进行 值 传递 。 这 是 因为 一 个 
事件 发 生 后 ,页 面 可 能 会 刷新 ,如 果 定 义 全 局 变量 会 被 清 零 ,而 使 用 ViewState 对 象 则 可 以 
保存 数据 。 因 此 ,所 有 Web 服务 器 控件 都 使 用 ViewState 在 页 面 回 发 期 间 保存 自己 的 状态 
信息 。 如 果 某 个 控件 不 需要 在 回 发 期 间 保存 状态 ,最 好 关闭 它 的 ViewState, 避 免 不 必要 的 
资源 浪费 。 通 过 给 @ Page 指令 添加 EnableViewState 二 false 属性 可 以 禁止 整个 页 面 的 
ViewState。 


ViewState 对 象 保存 数据 采用 “ 键 Key 一 值 Value” 对 的 形式 。 格 式 如 下 : 


ViewState[" 键 名 "] = 数据 值 ; 


可 以 用 ViewState[" 键 名 "] 取出 保存 在 ViewState 对 象 中 的 数据 。 注 意 ,这 时 取出 的 
数据 类 型 为 Object, 必 要 时 要 转换 成 特定 的 数据 类 型 。 
例如 ,使 用 ViewState 对 象 保存 信息 的 代码 如 下 : 


// 保 存在 ViewState 对 象 中 

ViewState[ "SortOrder"] = "DESC"; 

// 从 ViewState 中 读 取 

String sortOrder = (string)ViewState["SortOrder"]; 


例 8-10 用 ViewState 记录 同一 个 页 面 中 按钮 被 单 击 的 次 数 。 


protected void btnClick Click(object sender, EventArgs e) 
J 
int counter; // 计 数 器 
if (ViewState["Counter"] == null) 
' 
// 如 果 是 第 一 次 单 击 按 钮 


counter = 1; 


else 
| 
// 从 ViewState 对 象 中 取出 上 次 保存 的 counter 变量 值 ,并 累加 1 


counter = (int)ViewState["Counter"] + 1; 


} 


ViewState[ "Counter"] = counter; // 将 counter 变量 值 保存 到 ViewState 对 象 中 
lblInfo. Text = "您 单 击 了 ”+ counter.ToString() + "次 按钮 ."; 
| 


上 述 代码 中 ,使 用 变量 counter 作为 按钮 单 击 次 数 的 计数 器 ,并 将 counter 变量 值 保存 
到 ViewState["Counter"] 中 。 在 同一 个 页 面 中 多 次 单 击 按钮 ,运行 结果 如 图 8-9 所 示 。 
i 
GO le ere de xP 
」 文件 (日 ”编辑 (E) ”查看 VW) 收藏 兴 (&) 工具 (D 妾 ” 
这 收藏 夹 。 御 控 纽 计数 器 


Click Mel 


您 单 击 了 7 次 按钮 。 
加 


了 后 -[ 玉 100% -44 


图 8-9 用 ViewState 记录 同一 个 页 面 中 按钮 被 单 击 的 次 数 


8.3 习题 和 上 机 练习 


1. 填空 题 
(1) Response 对 象 的 方法 可 以 使 得 浏览 器 显示 另外 一 个 URL。 
(2) Server 对 象 的 方法 可 以 将 虚拟 路 径 转化 为 物理 路 径 。 
(3) 设置 Cookie 采用 对 象 , 读 取 Cookie 采用 对 象 。 
(4) Server 对 象 的 ScriptTimeout 属性 的 默认 值 是 ,Session 对 象 的 Timeout 
属性 的 默认 值 是 
(5) Request 对 象 的 集合 可 以 用 来 获取 服务 器 的 名 称 。 
(6) 对 象 在 同一 个 页 面 的 多 次 回 发 间 保 存 状态 信息 , 要 想 在 同一 网 站 的 多 个 
页 面 间 共享 信息 , 需 使 用 对 象 。 
2. 选择 题 
(1) Request. Form(“username”) 中 的 username 是 ( hs 
A. 表单 的 名 称 B. 网 页 的 名 称 
C. 表单 元 素 的 名 称 D. 表单 按钮 的 名 称 
(2) 不 需要 在 网 页 第 一 行 添加 二 % Response. Buffer 一 True % 放 的 是 ( ) 。 
A. Response. Redirect B. Response. Clear 
C. Response. End D. Response. Flush 


(3) 有 如 下 URL: http://127. 0. 0. 1/test. aspx? user 二 aa, 如 果 想 接收 user 中 的 内 
容 , 以 下 正确 的 是 (  )。 
A. Request. Form(“user”) B. Request. Querystring(“user”) 
C. Request. Cookies(“user”) D. Request. ServerVariables(“user”) 


(4) 如 果 要 获得 服务 器 的 IP 地 址 ,应 使 用 下 面 ( ) 语 句 。 


ASP.NET 的 对 育 


地 co 趴 
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. Request. ServerVariables( "LOCAL ADDR?”) 
. Request. ServerVariables(“REMOTE_ADDR”) 
. Request. ServerVariables(“ REMOTE_HOST”) 
D. Request. ServerVariables(“URL”) 
(5) 如 果 想 在 URL 里 带 有 汉字 参数 ,下 面 正确 的 是 ( Ds 
A. 一 a href 一 test. asp? hz 二 二 % 二 Server. HTMLencode(" 你 好 ")% 二 二 问候 二 /a 二 
B. 一 a href=test. asp? hz= 二 % 二 Server. URLencode(" 你 好 ")% 二 二 问候 二 /a 二 
C. =a href=test. asp? hz 一 一 狼 王 Server MapPath(" 你 好 ") % 二 二 问候 二 /a 二 
(6) 要 在 网 页 中 输出 二 a href=='http://www. 163. com' 二 网 易 二 /a 记 ,正确 的 是 ( % 
A. Response. Write( “一 a href='http://www. 163. com' 二 网 易 一 /a 二 ”) 
B. Response. Write(Server. URLencode( “一 a href='http://www. 163. com'> 网 
易 一 /a>”)) 
C. Response. Write(Server. HTMLencode( “一 a href='http://www. 163. com' 二 网 易 
< 
D. 以 上 都 不 对 
3. 问答 题 
(1) Application 对 象 和 Session 对 象 的 区 别 是 什么 ? 
(2) Session 对 象 和 ViewState 对 象 的 区 别 是 什么 ? 
(3) 简 述 Session 和 Cookie 的 区 别 。 
(4) 请 分 别 用 HTML JavaScript\C#、ASP.NET 语句 输出 * 祝 你 好 运 ” 这 句 话 。 
4. 上 机 练习 
(1) 设计 一 个 用 户 登录 页 面 ,要 求 输入 账号 和 密码 ,并 单 击 登 录 ” 按 钮 。 如 果 输 入 的 账 
号 为 abc, 密 码 是 123word, 则 跳 转 到 另 一 个 网 页 并 显示 “欢迎 访问 ”; 否则 ,在 当前 页 面 输出 
“账号 或 密码 不 正确 ”。 
(2) 将 上 题 稍 加 修改 ,在 输入 正确 的 账号 和 密码 ,输出 “你 是 第 n 次 访问 本 站 ”, 中 间 的 n 
在 刷新 网 页 时 也 要 同时 刷新 。 


ARS 
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目前 ,大 量 应 用 程序 都 是 数据 驱动 的 ,都 离 不 开 数 据 库 技术 的 支持 ,需要 频繁 的 读 取 、 显 
示 以 及 更 新 数据 。.NET 框架 中 提供 了 多 种 方式 来 访问 数据 存储 ,ADO .NET 是 最 直接 的 方 
式 , 也 是 最 灵活 、 执 行 效率 最 高 的 方式 。 本 章 主 要 讲解 ADO .NET 的 体系 结构 以 及 核心 对 
象 的 使 用 。 


9.1 ADO.NET 体系 结构 


ADO.NET 是 一 组 向 .NET 程序 员 公开 数据 访问 服务 的 类 ,为 创建 分 布 式 数据 共享 应 
用 程序 提供 了 一 组 丰富 的 组 件 ,提供 了 对 关系 数据 库 、XML 数据 .OFFICE 文档 数据 等 多 种 
数据 存储 的 访问 方式 。 

ADO.NET 采 用 多 层 体系 结构 ,其 核心 组 件 结构 如 图 9-1 所 示 。 


‘NET Framework Data Provider 


Connection DataAdapter DataTableCollection 
SelectCommand Data Table 
ss DataRowCollection 
Command InsertCommand - 
[Opaaecommand] [DataColumnCollection] 
DeleteCommand 
DataRelationCollection 
1 
C2 XML 
DataBase 


图 9-1 ADO.NET 核心 组 件 结构 


可 以 看 出 ,ADO.NET 用 于 访问 和 操作 数据 的 两 个 主要 组 件 是 .NET Framework 数据 
提供 程序 和 DataSet。 前 者 用 于 连接 到 不 同 的 数据 存储 ,实现 在 线 的 数据 检索 和 更 新 操作 ; 
后 者 则 代表 数据 存储 的 内 存 映像 ,可 以 将 关系 数据 及 XML 数据 加 载 到 内 存 中 ,然后 断 开 与 
数据 源 的 连接 ,离线 进行 各 种 处 理 , 最 后 再 将 更 新 一 次 性 的 保存 到 数据 源 中 。 


9.1.1 ADO.NET 数据 提供 程序 
数据 提供 程序 是 应 用 程序 与 数据 源 之 间 的 一 座 桥梁 ,包含 一 组 用 于 访问 特定 数据 库 , 执 
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行 SQL 语句 并 获取 值 的 .NET 类 ,主要 有 : 
。 Connection 类 : 使 用 它 建 立 与 数据 源 的 连接 。 
。 Command 类 : 使 用 它 执行 SQL 命令 及 存储 过 程 。 
。 DataReader 类 : 提供 对 Select 语句 查询 结果 的 快速 .只 读 、 只 进 的 访问 方法 。 
。 DataAdapter 类 : 作为 数据 源 与 DataSet 之 间 的 桥梁 ,可 以 从 数据 源 获取 数据 填充 
到 DataSet 中 ,也 可 以 依照 DataSet 中 的 修改 更 新 数据 源 。 
早期 的 ADO 技术 中 使 用 通用 的 数据 提供 程序 处 理 各 种 不 同 的 数据 源 ,而 ADO.NET 
改变 了 这 种 做 法 ,为 不 同 的 数据 源 设计 了 不 同 的 数据 提供 程序 。.NET Framework 共 设 计 了 
4 种 数据 提供 程序 。 
。 SQL Server 提供 程序 : 提供 对 SQL Server 数据 库 的 优化 访问 。 
。 Oracle 提供 程序 : 提供 对 Oracle 数据 库 的 优化 访问 。 
。 OLE DB 提供 程序 : 提供 对 OLE DB 驱动 的 任意 数据 库 的 访问 ,以 往 的 多 数 数据 库 
产品 都 支持 OLE DB 数据 访问 。 
。 ODBC 提供 程序 : 提供 对 ODBC 驱动 的 任意 数据 库 的 访问 。 
图 9-2 显示 了 ADO.NET 数据 提供 程序 的 模型 结构 。 在 为 应 用 程序 选择 数据 提供 程序 
时 ,应 尽量 选择 为 数据 源 定制 的 .NET 提供 程序 , 若 找 不 到 合适 的 定制 提供 程序 ,再 选择 基 
于 OLE DB 的 提供 程序 ,在 极 少数 情况 下 , 若 依然 找 不 到 合适 的 OLE DB 提供 程序 ,最 后 可 
以 选择 ODBC 提供 程序 。 


-NET 应 用 程序 


SQL Server OLE DB ODBC Oracle 
-NET 提 供 程序 -NET 提 供 程序 -NET 提供 程序 -NET 提供 程序 


OLE DB 驱动 程序 | | ODBC 驱动 程序 


性 -本 | 
人 i OLE DB 数据 源 ODBC 数据 源 Oracle 数据 库 


图 9-2 ADO.NET 数据 提供 程序 模型 结构 


9.1.2 ADO.NET DataSet 


DataSet 是 数据 驻 留 在 内 存 中 的 表示 形式 ,不管 数据 源 是 什么 ,都 可 提供 一 致 的 关系 编 
程 模型 。DataSet 表示 包括 相关 表 、 表 间 关 系 及 约束 在 内 的 整个 数据 集 , 其 对 象 结构 如 图 9-3 
所 示 。 
DataSet 中 的 核心 对 象 简单 介绍 如 下 : 
。 DataTableCollection: 数据 表 的 集合 。DataSet 中 可 以 包含 0 个 到 多 个 数据 表 ， 
DataTableCollection 包含 了 DataSet 中 所 有 的 DataTable 对 象 。 


DataSet 


DataRelatlonCollection 


ExtendedProperties 


DataTableCollection 
DataTable 
DataRowCollection 


DataView U 


DataRow 


ChildRelations 


ParentRelations 


| 
Constraints 


DataColumnCollection 


H ExtendedProperties 0 DataColumn 


PrimaryKey 
ExtendedProperties 


图 9-3 ”DataSet 对 象 结构 


。 DataRelationCollection: 关联 的 集合 。 在 关系 数据 库 中 , 表 和 表 之 间 存 在 一 定 的 关 

联 ( 如 外 键 ), DataSet 作为 数据 库 的 内 存 映 像 , 也 可 以 在 内 存 表 之 间 建 立 关联 。 

DataRelationCollection 包含 了 DataSet 中 所 有 的 DataRelation 对 象 。 

DataTable: 数据 表 , 或 称 内 存 表 ,表示 内 存 驻 留 数据 的 单个 表 。DataTable 中 包含 

由 DataColumnCollection 表示 的 列 的 集合 以 及 由 Constraints 表示 的 约束 集合 ,这 

两 个 集合 共同 定义 了 数据 表 的 架构 。DataTable 中 还 包含 由 DataRowCollection 所 

表示 的 行 的 集合 , 即 表 的 数据 。 需 要 说 明 的 是 , 既 可 以 在 DataSet 中 创建 内 存 表 , 也 

可 以 脱离 DataSet 创建 单独 的 内 存 表 使 用 。 

。 DataView: 数据 视图 ,代表 存储 在 DataTable 中 数据 的 不 同 表现 形式 。 通 过 
DataView ,可 以 为 表 中 的 数据 进行 排序 ,或 定制 筛选 器 以 过 滤 数 据 。 

。 DataRow: 数据 行 ,代表 着 关系 表 中 的 一 行 数据 。 可 以 对 行 中 的 各 个 数据 项 按 顺 序 
号 或 列 名 称 进行 访问 。 

。 DataColumn: 数据 列 ,代表 着 关系 中 的 一 个 属性 ,通过 定义 DataColumn 定义 关系 
表 的 结构 。 

。 PrimaryKey: 主键 ,对 于 内 存 表 ,也 可 以 将 它 的 一 个 或 多 个 数据 列 定义 为 主键 ,以 实 
现 完整 性 约束 ,或 者 在 内 存 表 中 索引 查找 指定 的 数据 行 。 


9.1.3 ADO.NET 类 的 组 织 


ADO.NET 类 分 组 保存 在 多 个 命名 空间 中 ,每 个 提供 程序 都 有 自己 的 命名 空间 ,通用 类 
保存 在 System. Data 命名 空间 。 表 9-1 介绍 了 这 些 命名 空间 。 
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命名 空间 


表 9-1 ADO.NET 常用 类 的 组 织 
描 述 


System. Data 


包含 关键 的 容器 类 ,这 些 类 为 关系 、 表 视图、 数据 集 , 行 和 约束 建立 模型 ,另外 还 
包含 了 基于 连接 的 数据 对 象 要 实现 的 关键 接口 的 定义 


System 


Data. Common 


包含 由 各 种 .NET Framework 数据 提供 程序 共享 的 抽象 类 ,具体 的 数据 提供 程 
序 继承 这 些 类 ,创建 自己 的 版 本 


System. Data. OleDb 


包含 用 于 连接 OLE DB 数据 提供 程序 的 类 ,主要 有 OleDbCommand、 
OleDbConnection .OleDbDataReader 及 OleDbDataAdapter 等 


System 


Data. SqlClient 


包含 用 于 连接 微软 SQL Server 数据 库 所 需 的 类 ,包括 SqlDbCommand、 
SqlDbConnection、SqlDbDataReader 及 SqlDbDataAdapter 等 ,这 些 类 使 用 经 过 优 
化 的 SQL Server 的 TDS 接口 


System。 


Data. OracleClient 


包含 连接 Oracle 所 需 的 类 ,包括 OracleCommand、OracleConnection、 
OracleDataReader 及 OracleDataAdapter 等 ,这 些 类 使 用 经 过 优化 的 Oracle 的 
OCI 接口 


System. Data. Odbc 


包含 连接 大 部 分 ODBC 驱动 所 需 的 类 ,包括 OdbcCommand、OdbcConnection、 
OdbcDataReader 及 OdbcDataAdapter 等 


9.2 使 用 ADO.NET 数据 提供 程序 访问 数据 库 


9.2.1 访问 数据 库 的 一 般 方法 


使 用 .NET 数据 提供 程序 访问 数据 库 的 一 般 步骤 如 下 : 

(1) 使 用 Connection 对 象 建立 到 数据 源 的 连接 。 

(2) 在 连接 之 上 建立 Command 对 象 ,通过 它 向 数据 库 发 送 SQL 命令 。 

(3) 接收 SQL 命令 的 返回 结果 。 若 返回 记录 集 , 有 两 种 处 理 方法 : 一 是 采用 DataReader 
对 象 在 线 逐 条 获取 数据 ,二 是 采用 DataTable 对 象 一 次 性 获取 所 有 数据 到 内 存 进行 离线 处 理 。 

(4) 释放 数据 库 操作 对 象 ,并 关闭 数据 库 连接 。 

ADO.NET 针对 不 同 的 数据 源 设计 有 不 同 的 数据 提供 程序 ,应 根据 实际 应 用 环境 选择 
合适 的 类 来 使 用 。 下 面 以 查询 SQL Server 数据 库 为 例 说 明基 本 使 用 方法 。 

例 9-1 连接 Pubs 数据 库 ,查询 Authors 表 中 的 所 有 记录 并 在 页 面 上 列表 显示 。 

启动 VS2008 ,建立 Web 应 用 程序 项 目 , 取 名 dbprj。 使 用 可 视 化 工具 建立 Web Form 
页 面 exam9_1. aspx, 并 在 工具 箱 的 数据 选项 卡 上 选择 GridView 控件 添加 到 页 面 上 ,最 后 生 


成 的 页 面 代码 如 下 ， 


<% @ Page Language = "C#" AutogventWireup = "true" CodeBehind = "exam9 1. aspx. cs”Inherits 
= "dbprj.exam9 1" %> 


<html> 


< head runat = "server"> 
<title> ADO NET 示 例 </title> 


</head> 
<body> 


<form id = "forml" runat = "server"> 


在 Web 页 的 设计 视图 ,双击 页 面 空白 区 域 , 进 入 代码 窗口 ,编写 如 下 代码 : 


保存 项 目 , 在 解决 方案 资源 管理 器 窗口 中 右 击 exam9_1. aspx 页 面 ,选择 “在 浏览 器 中 
查看 ”项 访问 该 页 面 ,运行 结果 如 图 9-4 所 示 。 

本 例 中 的 核心 问题 说 明 如 下 : 

(1) 由 于 要 操作 SQL Server 数据 库 , 可 以 使 用 SQL Server .NET 提供 程序 ,也 可 以 使 
用 OLE DB .NET 提供 程序 ,甚至 还 可 以 使 用 ODBC .NET 提供 程序 。 从 执行 效率 来 看 , 首 
选 SQL Server .NET 提供 程序 ,涉及 SqlConnection、SqlCommand 及 SqlDataReader 等 类 ， 
这 些 类 都 位 于 SqlClient 命名 空间 下 ,所 以 在 代码 开头 先导 入 了 该 命名 空间 。 

(2) 本 例 中 使 用 SqlConnection 对 象 连接 数据 库 , 在 创建 连接 对 象 时 ,需要 指明 数据 库 
的 位 置 以 及 登录 验证 信息 等 ,这 些 信息 通过 连接 字符 串 指定 。 关 于 连接 字符 串 的 格式 将 在 
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区 
PN 
KD Se] httpiirocahost:4328/exar | ch 加 
文件 (E) ”编辑 (E) ”查看 WW) 收 诚 天 (外 ”工具 (DD 帮助 (H) 

这 收藏 夹 。 碟 ADO.NET 示 例 


au id L_] 可 phone address city state zip 
172-32-1176 Whi 408 496-7223|10932 Bigge Rd Menlo Park |CA |94025 
213-46-8915 Marjorie |415 986-7020|309 63rd St #411 |Oakland CA |94618 
238-95-7766| 415 548-7723|589 Darwin Ln Berkeley CA 94705 
267-41-2394 Yy i 408 286-2428|22 Cleveland Av. #14 |San Jose CA |95128 
274-80-9391 Strait 415 834-2919|5420 College Av. Oakland CA |94609 


341-22-1782|Smith Nh 913 843-0462|10 Mississippi Dr. lLawrence |KS |56044 
409-56-7008 415 658-9932|6223 Bateman St. [Berkeley |CA |94705 
427-17-2319| 415 836-7128|3410 Blonde St Palo Alto |CA |94301 
472-27-2349| 707 938-6445|PO Box 792 Covelo CA |95428 


司 | 司 | 司 | 司 | 司 | 司 | 司 | 悦 | 司 | 司 


486-29-1786|ILocksley 415 585-4620 18 Broadway Av- San Francisco|CA 94130 


到 


Et 一 一 一 一 一 
Ti net [和 ~[ 太 100% ， 用 


图 9-4 查询 并 显示 Authors 表 中 的 所 有 记录 


后 续 章 节 中 详细 介绍 。 调 用 连接 对 象 的 Open 方法 可 以 打开 连接 ,使 用 完成 后 ,再 调用 其 
Close( ) 方 法 关闭 连接 。 

(3) 使 用 SqlCommand 对 象 向 数据 库 发 送 了 一 条 Select 语句 ,执行 后 将 返回 一 个 记录 
集 , 本 例 使 用 SqlDataReader 对 象 操作 该 记录 集 , 这 种 方式 占用 内 存 资 源 很 少 , 执行 效率 
极 高 。 

(4) 本 例 使 用 了 富 数 据 控 件 GridView 显示 查询 结果 。GridView 是 .NET 中 最 重要 的 
一 种 数据 绑 定 控件 ,功能 强大 ,使 用 方便 ,详细 用 法 将 在 后 续 章 节 中 介绍 。 

(5) 在 访问 数据 库 时 可 能 会 出 现 各 种 各 样 的 异常 ,所 以 一 定 要 注意 捕获 和 处 理 异常 。 


9.2.2 使 用 Connection 对 和 象 


ADO.NET 使 用 Connection 对 象 建立 到 数据 源 的 连接 ,针对 不 同 的 数据 提供 程序 要 建 
立 不 同 的 连接 对 象 。 例 如 ,使 用 SQL Server .NET 提供 程序 连接 SQL Server 数据 库 时 ,应 
使 用 SqlConnection 对 象 ; 使 用 OLE DB .NET 提供 程序 连接 SQL Server 数据 库 时 ,应 使 
用 OleDbConnection 对 象 。 连 接 建立 后 ,就 可 以 通过 它 与 数据 源 交互 ,执行 各 项 操作 ; 当 所 
有 操作 完成 后 ,切记 要 及 时 释放 连接 ,为 后 续 的 请 求 处理 留 出 宝贵 资源 ; 为 提高 建立 连接 的 
效率 ,通常 会 使 用 连接 池 来 缓存 和 共享 连接 。 

1. 连接 字符 串 

创建 连接 对 象 时 需要 提供 连接 字符 串 , 它 是 用 分 号 分 隔 的 一 系列 名 称 / 值 对 的 选项 集 
合 ,提供 了 连接 所 需要 的 基本 信息 ,各 个 项 的 排列 位 置 及 字母 大 小 写 没 有 影响 。 针 对 不 同 的 
关系 数据 库 及 不 同 的 数据 提供 程序 ,连接 字符 串 的 格式 会 有 所 区 别 ,但 任何 一 种 连接 一 般 都 
包含 如 下 几 个 选项 : 

1) 服务 器 位 置 

指定 数据 库 服 务 器 的 名 称 或 地 址 。 该 项 的 名 称 通常 使 用 DataSource、Server、Address、 


NetWork Address 等 ,该 项 的 值 通常 填 服 务 器 的 IP 地 址 或 主机 名 ,也 可 以 填 localhost 或 
local 代表 本 地 数据 库 。 

2) 数据 库 名 称 

指定 要 连接 到 的 数据 库 实例 名 。 该 项 的 名 称 通常 是 Initial Catalog ,或 者 DataBase。 

3) 身份 验证 方式 

可 选择 操作 系统 集成 的 身份 验证 方式 或 基于 用 户 名 和 口令 的 验证 方式 。 当 ASP.NET 
应 用 程序 和 数据 库 服 务 器 位 于 同一 台 计 算 机 上 时 ,尽量 选择 集成 验证 方式 以 便 建立 可 信 连 
接 (Trusted Connection); 否则 ,就 需要 在 数据 库 服务 器 中 为 应 用 程序 建立 一 个 数据 库 用 
户 , 提 供用 户 名 和 口令 供 验 证 。 建 立 可 信和 连接 通常 使 用 Integrated Security = true 或 
Trusted Connection 王 true 参数 ; 车 建立 非 可 信和 连接 , 则 需要 使 用 User ID 或 UID 项 指定 用 
户 名 ,并 通过 Password 或 pwd 项 指定 验证 口令 。 

例 9. 1 中 使 用 SqlClient 连接 到 本 机 上 的 SQL Server 服务 器 ,数据库 实例 名 为 pubs, 采 
用 Windows 集成 的 身份 验证 方式 ,其 连接 字符 串 的 格式 为 : 


Server = localhost; Initial Catalog = Pubs; Integrated Security = true 
若 使 用 SQL Server 验证 ,用 户 名 和 口令 都 是 examdbuser, 则 连接 字符 串 格式 为 : 
Server = localhost; Initial Catalog= Pubs; User ID = examdbuser; Password = examdbuser 


2. 建立 连接 

连接 到 不 同 的 数据 库 需 要 使 用 不 同 的 连接 对 象 及 连接 字符 串 , 下 面 通过 一 些 实例 演示 
常用 的 数据 库 连 接 方式 。 

1) 使 用 SqlClient 连接 SQL Server 数据 库 

using System.Data. SqlClient; // 导入 Sqlclient 命名 空间 

string constr = @"Data Source = (local); Initial Catalog = Northwind; Integrated Security = 

true” 

SqlConnection conn = new SqlConnection( constr ); // 建立 连接 对 象 

2) 使 用 OracleClient 连接 Oracle 数据 库 


using System. Data. OracleClient; // 导入 OracleClient 命名 空间 


string constr = (@" Data Source = orcl;User ID = scott;Password= tiger" 
OracleConnection conn = new 0racleConnection(connstr); // 建立 连接 对 象 


3) 使 用 OLE DB 连接 ACCESS 数据 库 
using System. Data. OleDb; // 导入 0leDb 命名 空间 


string constr = @"Provider = Microsoft. Jet. OLEDB. 4.0; Data Source = D:\dbpr 认 pubs.mdb" 
OleDbConnection conn = new OleDbConnection(connstr); // 建立 连接 对 象 
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4) 使 用 OLE DB 连接 SQL Server 数据 库 
using System.Data. OleDb; // 导入 0lepb 命名 空间 


string constr = "Provider = SOLOLEDB; Data Source = .\sqlexpress; Integrated Security= SSPI; 
Initial Catalog= pubs" 
OleDbConnection conn = new OleDbConnection(connstr); // 建立 连接 对 象 


5) 使 用 OLE DB 连接 Oracle 数据 库 
using System.Data. OleDb; // 导入 oleDb 命名 空间 


string constr = (@"Provider= MSDAORA;Data Source = orcl;User ID = scott;Password = tiger" 
OleDbConnection conn = new 0leDbConnection(connstr); ”// 建立 连接 对 象 


使 用 ADO.NET 还 可 以 连接 到 MySQL 、FoxPro 等 各 种 数据 库 服务 器 或 数据 库 文 件 ， 
甚至 可 以 将 Excel 工作 表 作 为 数据 源 进行 操作 ,详细 的 连接 方式 这 里 不 再 过 多 介绍 
可 以 看 出 ,连接 字符 串 是 建立 数据 库 连接 的 关键 ,为 正确 书写 连接 字符 串 , 可 以 借助 
VS.NET 提供 的 服务 器 资源 管理 器 来 自动 生成 。 打 开 * 服 务 器 资源 管理 器 ”窗口 , 右 击 “ 数 
据 库 连接 ”, 从 弹出 菜单 中 选择 “添加 连接 ”项 ,系统 将 打开 如 图 9-5 所 示 的 对 话 框 ; 选择 数 
据 源 类 型 ,输入 服务 名 ,并 选择 登录 到 服务 器 的 验证 方式 (车 基于 口令 验证 , 则 正确 输入 用 户 
名 和 口令 ), 单 击 对 话 框 底部 的 “测试 连接 ”按钮 ,车 参数 配置 争取 ,系统 会 提示 “测试 连接 成 
功 ”, 这 时 单 击 “ 确 定 ” 按 钮 ,在 服务 器 资源 管理 器 中 将 看 到 新 建立 的 连接 ; 右 击 该 连接 ,从 弹 
出 菜单 中 选择 “属性 ”项 ,该 连接 的 详细 信息 将 显示 在 属性 窗口 中 ,如 图 9-6 所 示 , 从 这 里 复 
制 连接 字符 串 即 可 。 
EE| 
Ei 或 单 击 " 更 疏 伟 择 另 一 个 数据 源 
数据 涯 (5); 
Nosorsar svete oo | 
服务 器 名 (E); 


\sqlexpress 了 ] _ MW) | 


三 登录 到 服务 器 


个 使 用 Windows 身份 验证 (W) 
他 使 用 5QL 5erver 身份 验证 (9) 
用 户 各 WwW: zamdbuser 


| 
xatucat\sqlexpress.pubs.dbo 连接 - 


解决 方案 资源 营 理 可 | - 宁 尾 性 [名 服务 器 资源 管理 可 


图 9-5 “添加 连接 ”对 话 框 图 9-6 数据 库 连接 的 属性 


3. 打开 和 关闭 连接 
连接 对 象 创建 后 ,需要 打开 才能 真正 连接 到 数据 库 。 调 用 连接 对 象 的 Open 方法 即 可 
打开 连接 。 方 法 如 下 : 


数据 库 连接 是 一 种 宝贵 的 服务 器 资源 ,用 户 通常 需要 花费 高 额 的 费用 来 购买 并 发 连接 
的 授权 。 在 Web 环境 中 , 当 一 个 线程 使 用 完 连接 后 ,应 尽快 的 释放 连接 ,以 备 其 他 线程 使 
用 ; 若 连 接 打开 后 没有 及 时 关闭 ,将 在 很 长 时 间 内 保持 占用 状态 ,其 他 线程 将 无 法 使 用 。 
调用 连接 对 象 的 Close 方法 可 以 释放 连接 ,代码 如 下 : 


调用 连接 对 象 的 Dispose 方法 也 可 以 释放 连接 ,用 法 如 下 : 


考虑 到 操作 数据 库 时 可 能 出 现 各 种 异常 ,代码 中 应 尽量 使 用 try-catch 块 捕获 并 处 理 异 
常 ; 另外 ,连接 使 用 完成 后 应 尽 可 能 释放 ,好 的 习惯 是 在 finally 块 中 释放 连接 。 这 样 ,一 般 
使 用 如 下 的 代码 框架 操作 数据 库 : 


从 .NET 2.0 开始 引入 了 using 语句 ,可 以 替代 try-finally 的 功能 。 
例如 : 


using 语句 定义 一 个 范围 ,并 指定 要 创建 和 关闭 的 对 象 (此 处 为 conn 对 象 ); 当代 码 执 
行 到 范围 末尾 ( 右 大 括号 的 位 置 ) 时 ,或 因 抛 出 异常 而 跳出 范围 时 ,系统 都 将 自动 清理 using 
语句 中 指定 的 对 象 ( 即 conn 对 象 ) 。 请 看 如 下 的 完整 示例 代码 。 
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例 9-2 连接 Pubs 数据 库 , 查 询 并 显示 所 有 书籍 的 书号 、 书 名 和 价格 。 


4. 数据 库 连接 池 

建立 到 数据 库 的 连接 是 一 项 复杂 而 又 费时 的 工作 ,车 每 一 次 操作 数据 库 时 都 建立 连接 ， 
使 用 完成 后 又 释放 , 必 将 浪费 大 量 的 时 间 和 资源 。 为 提高 操作 效率 ,ASP.NET 提供 了 连接 
池 的 机 制 。 在 Web 应 用 第 一 次 连接 数据 库 时 ,系统 会 隐 含 的 建立 一 定数 量 的 连接 , 放 在 池 
中 集中 管理 ; 以 后 每 当 再 次 请 求 该 数据 库 时 ,直接 从 池 中 “ 借 ” 出 一 个 连接 使 用 ,使 用 完成 后 
再 归还 到 池 中 ,这 样 可 以 最 大 程度 地 降低 重复 打开 和 关闭 连接 所 造成 的 成 本 。 

Web 服务 器 通常 根据 连接 字符 串 自动 创建 连接 池 , 多 个 连接 若 连接 字符 串 相 同 则 使 用 
同一 个 连接 池 , 若 某 个 连接 的 连接 字符 串 与 现 有 池 的 连接 字符 串 不 同 ,系统 将 创建 一 个 新 的 
连接 池 ; ADO.NET 可 同时 保留 多 个 池 ,每 种 配置 各 一 个 。 

Web 服务 器 中 的 连接 池 对 开发 者 完全 透明 ,数据 访问 代码 不 需要 做 任何 更 改 。 当 调用 
Open 方法 打开 连接 时 ,连接 实际 上 由 连接 池 提供 而 不 是 再 次 创建 ; 当 调 用 Close 方法 或 
Dispose 方 法 释放 连接 时 , 它 并 没有 真正 被 释放 ,而 是 重新 回 到 了 池 中 等 待 下 一 次 请 求 。 

5. 保存 连接 字符 串 

将 连接 字符 串 硬 编码 到 程序 中 不 是 好 的 编程 风格 , 若 以 后 数据 库 连 接 参数 发 生 了 变化 ， 


所 有 操作 数据 库 的 代码 块 都 需要 更 改 ,这 将 引起 灾难 性 的 后 果 。 另 外 ,由 于 Web 服务 器 通 
常 根据 连接 字符 串 创 建 连接 池 , 若 不 同 页 面 中 的 连接 字符 串 格式 稍 有 差异 ,系统 将 创建 不 同 
的 连接 池 ,对 系统 性 能 也 会 造成 一 定 影 响 。 

好 的 编程 风格 是 将 连接 字符 串 保存 在 一 个 配置 文件 中 ,这 样 每 当 应 用 程序 要 连接 数据 
库 时 ,从 配置 文件 中 根据 连接 字符 串 的 * 键 名 ?获取 其 " 键 值 ,并 以 此 建立 连接 。 若 数据 库 连 
接 参数 发 生 了 变化 ,只 需要 在 配置 文件 中 更 改 一 次 “ 键 值 ”, 应 用 程序 中 不 需要 做 任何 更 改 。 

在 Web 应 用 中 通常 将 连接 字符 串 保存 到 主 目录 下 的 Web. config 配置 文件 中 。 打 开 该 
文件 ,会 看 到 其 中 默认 有 两 个 配置 节 , 即 一 appSettings 二 节 和 二 connectionStrings 二 节 ,在 
这 两 个 配置 节 下 都 可 以 写 和 人 连接 字符 串 ,一 般 放 在 一 connectionStrings 二 中 。 

例如 : 


< connectionStrings > 

< add name = "connstr" connectionString= "Data Source = .\sqlexpress; Initial Catalog = pubs; 
Integrated Security = True"/> 
</connectionStrings> 


或 者 写 在 二 appSettings 二 中 : 


<appSettings> 
<add key = "connstr" value= "Data Source = .\sqlexpress; Initial Catalog= Pubs; 
Integrated Security = True"/> 
</appSettings> 


在 以 上 两 种 方式 中 ,name 和 key 指定 连接 字符 串 的 “名 字 ”,connectionString 和 value 
指定 其 内 容 。 

在 程序 中 要 使 用 连接 字符 串 时 ,可 以 通过 静态 类 ConfigurationManager 来 获取 ,代码 
如 下 : 


string connstr = ConfigurationManager.ConnectionStrings["connstr"].ConnectionString; 


string connstr = ConfigurationManager.AppSettings["connstr"]; 


前 者 从 二 connectionStrings 二 节 中 获取 连接 字符 串 ,后 者 从 二 appSettings 二 节 中 获取 。 
由 于 ConfigurationManager 类 定义 在 System. Configuration 命名 空间 中 ,所 以 代码 开始 要 
导入 该 命名 空间 ,如 下 所 示 


using System. Conf iguration; 


9.2.3 使 用 Command 对 象 


建立 与 数据 源 的 连接 后 ,可 以 使 用 Command 对 象 来 执行 命令 并 从 数据 源 中 返回 结果 。 
每 一 种 .NET 数据 提供 程序 都 有 一 个 特定 的 Command 对 象 ,实际 应 用 中 应 正确 选择 。 适 用 
于 OLE DB 驱动 的 是 OleDbCommand 对 象 ,适用 于 ODBC 驱动 的 是 OdbcCommand 对 象 ， 
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适用 于 SQL Server .NET 提供 程序 的 是 SqlCommand 对 象 , 适 用 于 Oracle .NET 提供 程序 
的 是 OracleCommand 对 象 。 

1. 创建 命令 对 象 

可 以 使 用 各 种 命令 对 象 的 构造 函数 来 创建 命令 对 象 。 

例如 : 


// 创建 命令 对 象 ,同时 指定 所 用 数据 库 连 接 及 要 执行 的 SQL 命令 
SqlCommand cmd = new SqlCommand( "select * from authors"， conn); 


// 单独 创建 命令 对 象 ,然后 通过 属性 指定 所 用 连接 和 SQL 命令 
SqlCommand cmd = new SqlCommand(); 

cmd. CommandText = "select * from authors"; 

cmd. Connection = conn; 


也 可 以 在 连接 对 象 上 调用 CreateCommand() 方 法 创建 相关 的 命令 对 象 ,代码 如 下 : 


SqlCommand cmd = conn .CreateCommand( ); 
cmd. CommandText = "select * from authors"; 


2. 命令 对 象 的 常用 成 员 
所 有 命令 对 象 都 从 System. Data. Common. DbCommand 类 继承 ,其 使 用 方法 大 致 相 
同 。 它 们 都 含有 如 下 的 常用 属性 : 

。 CommandText: 获取 或 设置 针对 数据 源 运行 的 文本 命令 。 该 属性 通常 指定 为 一 条 
SQL 语句 ,或 者 一 个 存储 过 程 的 名 称 。 

。 CommandType : 指定 命令 的 类 型 ,其 取 值 为 System. Data. CommandType 枚 举 ; 若 选 
Text ,表示 要 执行 一 条 SQL 语句 ; 若 选 StoredProcedure, 表 示 要 执行 一 个 存储 过 程 。 

。 Connection: 获取 或 设置 该 命令 对 象 所 依赖 的 数据 库 连 接 对 象 。 

。 Parameters: 获取 命令 参数 的 集合 , 当 执行 参数 化 查询 时 该 属性 非常 重要 。 例 如 , 根 
据 书 名 查询 一 本 书籍 ,就 将 书 名 作为 参数 传递 进去 。 

命令 对 象 还 具有 如 下 常用 方法 : 

。 Cancel() : 尝试 取消 DbCommand 的 执行 。 

。 Dispose(): 释放 命令 对 象 所 使 用 的 所 有 资源 。 

。 ExecuteNonQuery(): 执行 一 个 非 查询 的 SQL 语句 或 存储 过 程 ,如 执行 Update 命 
令 就 需要 调用 该 方法 。 

。 ExecuteReader() : 执行 查询 命令 或 存储 过 程 , 返 回 由 DataReader 封装 的 记录 集 。 

。 ExecuteScalar(): 执行 查询 命令 或 存储 过 程 ,返回 一 个 标量 值 ( 即 单 值 )。 该 命令 在 
聚合 查询 中 非常 有 用 ,如 要 统计 某 一 本 书 某 天 的 销售 量 。 

3 使 用 ExecuteReader 方法 

在 命令 对 象 上 调用 其 ExecuteReader 方法 ,可 以 执行 一 条 SELECT 语句 ,其 返回 值 为 

DataReader 对 象 。 
例如 : 


在 Web 应 用 程序 中 ,经 常 要 根据 用 户 的 输入 在 数据 库 中 查询 满足 条 件 的 记录 ,这 时 需 
要 动态 构造 一 条 SQL 语句 。 通 常 采用 字符 串 拼 接 的 方式 构造 动态 SQL, 请 看 如 下 示例 。 

例 9-3 在 NorthWind 数据 库 中 ,根据 顾客 号 查询 该 顾客 的 订单 信息 ,运行 效果 如 图 9-7 
所 示 。 


‘orderid orderdate 


10248 1996-7-40:00:00 59 me deTAbba 
10274 1996-8-6 00000 59 re de 
10295 1996-9-2 00000 59 re de 
10737 Ee 0:00:00 59 mue de 
10739 1997-11-12 0:00:00 59 me del 


图 9-7 根据 顾客 号 查询 该 顾客 的 订单 页 面 


查询 按钮 的 单 击 事件 代码 如 下 : 


该 示例 中 ,查询 用 的 Select 语句 采用 字符 串 拼 接 的 方式 生成 。 当 Select 语句 中 查询 条 


件 较 多 时 ,可 以 使 用 StringBuilder 对 象 辅助 拼接 。 第 
例如 : 9 
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StringBuilder sb = new StringBuilder(); 

sb. Append( "select orderid, orderdate, shipaddress from orders where customerid = '"); 
sb. Append( tbxuid. Text); 

sb. Append("'"); 

cmd. CommandText = sb.'ToString(); 


使 用 字符 串 拼 接 的 方式 存在 一 定 的 安全 隐患 ,容易 被 利用 进行 SQL 注入 攻击 。 为 解决 
这 个 问题 ,通常 使 用 参数 化 命令 , 即 在 SQL 文本 中 使 用 占 位 符 来 代表 命令 参数 ,然后 通过 
Parameter 对 象 将 参数 值 传递 进来 。 例 如 ,根据 用 户 代 码 查询 订单 的 程序 中 ,用 户 代 码 可 以 
作为 参数 输入 ,相关 代码 如 下 : 


cmd. CommandText = 
"select orderid, orderdate, shipaddress from orders where customerid = (@custid"; 
SqlParameter parameter = new SqlParameter("(@custid", SqlDbType. VarChar); 
parameter. Value = tbxuid.Text; 
cmd. Parameters. Add( parameter); 
SqlDataReader dr = cmd.ExecuteReader(); 


参数 化 命令 中 可 以 同时 传递 多 个 参数 。 例 如 ,示例 9. 3 中 若 要 查询 指定 用 户 指 定时 间 
段 内 的 所 有 订单 ,可 以 使 用 如 下 的 命令 格式 : 


cmd. CommandText = "select orderid, orderdate, shipaddress from orders where " 
+ "customerid = (@custid and orderdate between (@ fromdate and @todate"; 
cmd. Parameters. Add("(@custid", SqlDbType. VarChar); 
cmd. Parameters. Add("(@startdate", SqlDbType. DateTime); 
cmd. Parameters. Add( "(@enddate", SqlDbType.DateTime); 
cmd. Parameters["(@custid"].Value = tbxuid.Text; 
cmd. Parameters["(@startdate"]. Value = "1996— 01—01"; 
cmd. Parameters["(@enddate"].Value = "1997— 01— 01"; 


参数 占 位 符 的 语法 取决 于 数据 提供 程序 ,如 表 9-2 所 示 。 
表 9-2 参数 占 位 符 的 语法 与 数据 提供 程序 的 关系 


数据 提供 程序 参数 占 位 符 语法 
System. Data. SqlClient 以 @parametername 格式 使 用 命名 参数 
System. Data. OracleClient 以 :parmname( 或 parmname) 格 式 使 用 命名 参数 
System. Data. OleDb 使 用 由 问号 (?) 表示 的 位 置 参 数 标记 
System. Data. Odbe 使 用 由 间 号 (?) 表示 的 位 置 参 数 标记 


可 以 看 出 ,SqlClient 和 OracleClient 提供 程序 都 使 用 了 命名 参数 ,通过 参数 名 明确 区 分 
各 个 参数 ,而 OleDb 和 Odbe 提供 程序 都 没有 为 参数 命名 ,只 是 用 “?” 通 配 符 置 换 , 当 传递 多 
个 参数 时 ,只 能 根据 参数 出 现 的 先后 顺序 来 进行 区 分 ,所 以 一 定 要 保证 参数 的 添加 顺序 与 其 
在 SQL 字符 串 中 的 位 置 顺序 相 一 致 。 

例如 ,使 用 OleDb 方式 连接 SQL Server 数据 库 ,查询 指定 顾客 指定 时 间 段 订单 的 示例 
代码 如 下 : 


4. 使 用 ExecuteScalar 方法 

调用 命令 对 象 的 ExecuteScalar 方法 将 返回 查询 结果 中 第 一 行 第 一 列 的 值 , 若 结果 中 包 
含 多 行 或 多 列 , 系 统 都 将 忽略 其 余数 据 。 该 方法 常用 于 返回 SQL 聚合 函数 的 查询 结果 。 例 
如 ,要 查询 Employees 表 , 统 计 并 显示 所 有 员工 的 数量 ,可 使 用 如 下 代码 : 


注意 : ExecuteScalar 方法 的 返回 结果 为 object 类 型 ,一 定 要 根据 命令 结果 强制 转换 成 
合适 的 数据 类 型 。 

5. 使 用 ExecuteNonQuery 方法 

调用 命令 对 象 的 ExecuteNonQuery 方法 执行 不 返回 结果 集 的 命令 ,如 Insert、Update、 
Delete 等 数据 操纵 语句 ,以 及 Create Table 等 数据 定义 语句 。 请 看 如 下 代码 示例 : 


第 
3 
章 


访问 Web 数据 府 


4SP NET Web 应 用 开发 技术 


cmd. CommandText = "Delete from employees where EmployeeID > 9"; 

num = cmd.ExecuteNonQuery(); 

lblmsg. Text += string. Format("<br /> 共 删 除 记 录 : <b> {0} 条 </b>", nunm); 
! 


ExecuteNonQuery 方法 的 返回 值 为 整 型 数 ,代表 执行 命令 后 受 影 响 的 记录 行 数 。 

6. 执行 存储 过 程 

存储 过 程 是 保存 在 数据 库 中 的 可 被 批量 执行 的 一 条 或 多 条 SQL 语句 ,与 函数 类 似 , 具 
有 良好 的 程序 结构 ,可 以 通过 输入 参数 接收 数据 ,也 可 以 通过 输出 参数 返回 数据 。 使 用 存储 
过 程 具有 很 多 优点 : 

(1) 可 以 大 幅度 的 提高 程序 性 能 。 由 于 存储 过 程 是 多 条 语句 的 复合 体 ,只 访问 一 次 数 
据 库 就 可 以 完成 很 多 工作 , 比 起 使 用 Commamd 对 象 一 次 次 的 向 数据 库 发 送 SQL 语句 , 效 
率 要 高 得 多 ; 另外 ,存储 过 程 在 数据 库 中 进行 了 编译 和 优化 ,执行 效率 也 提高 了 很 多 。 

(2) 可 以 简化 应 用 程序 的 设计 。 对 于 非常 复杂 的 业务 处 理 ( 如 销售 统计 ), 若 将 处 理 逻 
辑 封装 ee 则 应 用 程序 中 只 需 简 单 的 调用 存储 过 程 就 可 以 完成 所 有 工作 ,有 效 地 
降低 了 程序 的 复杂 

(3) oo 将 复杂 的 数据 处 理 逻 辑 从 应 用 程序 中 分 离 出 来 ,可 以 对 存储 
过 程 进 行 优化 ,只 要 接口 不 变 , 就 不 需要 更 改 或 重新 编译 应 用 程序 。 

(4) 有 利于 人 员 分 工 。 大 型 项 目 中 明确 的 人 员 分 工 异 常 重要 ,使 用 存储 过 程 ,可 以 将 复 
杂 的 数据 处 理 逻 辑 分 工 给 数据 库 开发 人 员 ,任务 更 加 明确 。 

使 用 Command 对 象 调用 存储 过 程 的 方式 与 执行 普通 SQL 命令 的 方式 类 似 , 只 是 要 将 
其 CommandType 属性 设 定 为 StoredProcedure。 

例 9-4 在 NorthWind 数据 库 中 调用 存储 过 程 ,查询 指定 类 别 下 所 有 产品 的 销售 量 。 
程序 运行 效果 如 图 9-8 所 示 。 


个 丝 入 类 别名 ,查询 该 类 别 下 所 有 产品 的 销 此 全 而 时 


GO [Er Bl | x | Be 


_ 文 件 虽 ”编辑 E) 查看 (0 收 若 丈 (8) ”工具 (TD) 大 胞 (H) 
这 收藏 天。 镶 输 入 类 别名 ， 查询 该 类 别 下 所 有 产品 的 销售 全 阁 


类 别名 ，[Seafood 查询 | 


ProductName TotalPurchase 
Boston Crab Meat 3318.00 
Camarvon Tigers 8497.00 
Escargots de Bourgogne 2427.00 
Gravad lax 1456.00 
Ikura 9002.00 
Inlagd Sl 3938.00 
Jacks New England Clam Chowder 2916.00 


图 9-8 根据 类 别 查询 产品 销售 金额 程序 的 运行 效果 


打开 NorthWind 数据 库 , 在 “可 编程 性 /存储 过 程 " 菜 单 下 可 看 到 系统 内 置 的 几 个 存储 
过 程 ,其 中 就 有 SalesByCategory, 本 例 将 调用 该 存储 过 程 。 
建立 Web 窗 体 ,为 查询 按钮 的 单 击 事件 编写 如 下 代码 : 


本 例 中 ,将 命令 对 象 的 CommandText 属性 设置 为 存储 过 程 的 名 称 ,CommandType 属 
性 设 定 为 命令 类 型 枚 举 中 的 StoredProcedure, 然 后 通过 参数 将 商品 类 别传 递 给 存储 过 程 。 
由 于 该 过 程 执 行 后 将 返回 记录 集 , 所 以 调用 了 命令 对 象 的 ExecuteReader 方法 。 

车 存储 过 程 的 返回 结果 不 是 记录 集 ,一 般 通 过 命令 对 象 的 ExecuteNonQuery 方法 
调用 。 

例 9-5 向 Employee 表 中 插入 一 条 记录 ,并 返回 该 员工 的 ID 号 。 

在 Employee 表 中 ,EmployeeID 为 标识 字段 ,由 系统 字段 生成 。 若 使 用 Command 对 象 
执行 一 条 Insert 语句 来 插入 员工 ,那么 要 得 到 刚 插入 记录 的 员工 号 将 是 一 件 很 麻烦 的 事情 。 
使 用 存储 过 程 可 以 解决 这 个 问题 ,在 存储 过 程 中 执行 完 Insert 语句 后 ,立刻 调用 @@ 
IDENTITY 函数 即 可 得 到 新 添加 记录 的 标识 。 

在 数据 库 执 行 如 下 脚本 ,建立 InsertEmployee 存储 过 程 : 
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参数 ,可 以 将 新 添加 记录 的 员工 号 带 回 来 。 
下 一 步 是 在 应 用 程序 中 调用 该 存储 过 程 。 建 立 添加 员工 记录 的 Web 页 面 , 在 “添加 ” 按 
钮 的 单 击 事件 中 编写 如 下 代码 : 


上 述 程 序 为 命令 对 象 cmd 添加 了 三 个 参数 : @ LastName、@ FirstName 和 @ 
EmployeeID。 前 两 个 参数 没有 指定 Direction 属性 ,默认 为 Input, 即 输入 参数 ; 第 三 个 参数 
要 从 存储 过 程 中 带 回 一 个 值 ,所 以 定义 为 输出 参数 ,将 其 Direction 属性 设置 为 Output。 由 
于 该 存储 过 程 不 返回 记录 集 , 所 以 调用 命令 对 象 的 ExecuteNonQuery 方法 ; 该 方法 实际 上 
带 回 了 两 个 值 ,一 是 方法 的 返回 值 ,代表 Insert 语句 执行 后 影响 的 记录 条 数 , 本 例 为 1; 二 是 
新 添加 记录 的 标识 号 ,通过 输出 参数 获得 , 即 : 


该 程序 的 运行 效果 如 图 9-9 所 示 。 


9-9 ”插入 员工 页 面 的 运行 效果 


9.2.4 使 用 DataReader 对 象 


数据 库 系统 中 最 常用 的 操作 是 数据 检索 ,使 用 Select 语句 完成 ,检索 的 结果 是 一 个 记录 
集 。 在 应 用 程序 中 通常 有 两 种 方式 访问 该 记录 集 : 一 是 使 用 DataReader; 二 是 使 用 
DataTable。 

DataReader 允许 以 只 读 、 只 进 的 方式 ,每 次 读 取 一 条 记录 进行 处 理 。 该 方式 占用 内 存 
资源 极 小 ,操作 效率 极 高 ,是 获取 数据 最 简单 高 效 的 方式 。 

每 种 . NET 数据 提供 程序 都 定义 了 各 自 的 DataReader 类 ,有 SqlDataReader、 
OracleDataReader、OleDbDataReader、OdbcDataReader, 都 从 DbDataReader 类 继承 ,其 核 
心 成 员 如 表 9-3 所 示 。 

表 9-3 DataReader 对 象 的 核心 成 员 


成 员 描 述 
HasRows 属性 指示 该 DataReader 中 是 否 包含 数据 
FieldCount 属性 获取 当前 行 中 的 列 数 
Read 方法 将 游标 移动 到 记录 集 的 下 一 行 
GetValue 方 法 获取 当前 行 中 指定 序号 的 字段 的 值 , 系 统 将 根据 数据 源 中 该 字段 的 数据 类 
型 匹配 一 个 最 相近 的 .NET 数据 类 型 返回 
GetXxx 方法 获取 当前 行 中 指定 序号 的 字段 的 值 ,但 明确 指定 了 返回 值 的 类 型 ,所 以 返回 


类 型 与 方法 名 称 中 指定 的 类 型 一 致 。 如 GetInt32 ( )、GetChar ( )、 
GetDateTime() 等 


Close 方 法 关闭 DataReader 对 象 


使 用 DataReader 对 象 操作 记录 集 时 ,要 先 移动 游标 定位 到 指定 行 ,然后 再 获取 各 列 的 
数据 。 刚 得 到 DataReader 时 ,游标 位 于 第 一 条 记录 的 前 面 ,这 时 还 无 法 读 取 数 据 , 必 须 先 调 
用 Read 方 法 ,让 游标 下 移 一 行 , 然 后 才 可 以 操作 。Read 方法 返回 一 个 布尔 值 ,表示 游标 指 
向 的 位 置 是 否 有 数据 ,只 有 返回 true 才 可 以 读 取 数据 , 若 返 回 false 则 说 明 已 经 没有 数据 。 

例 9-6 查询 并 显示 Categories 表 中 所 有 类 别 的 ID 和 名 称 。 

建立 Web 页 面 ,为 Page_Load 事件 编写 如 下 代码 : 


string connstr = ConfigurationManager.ConnectionStrings["nwconnstr"].ConnectionString; 
using (SqlConnection conn = new SqlConnection(connstr)) 
il 
SqlCommand cmd = conn.CreateCommand(); 
cmd. CommandText = "Select CategoryID, CategoryName from Categories"; 
conn. Open(); 
SqlDataReader reader = cmd. ExecuteReader(); 
StringBuilder sb = new StringBuilder(""); 
sb. Append("< table><tr>< td> CategoryID</td>< td> CategoryName </td ></tr >"); 
while (reader. Read( )) 
{ 
sb. Append("<tr><td>"); 
sb. Append( reader[ 0]); 
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sb. Append( "</td>< td>"); 
sb. Append( reader[ "CategoryName" ]); 
sb. Append( "</td></tr >"); 

} 

sb. Append("</table >"); 

reader. Close(); 

lblmsg. Text = sb.ToString(); 

| 


可 以 看 出 ,得 到 DataReader 对 象 后 ,在 while 循环 中 不 断 调 用 其 Read 方法 遍历 记录 
集 , 直 到 游标 指向 记录 集 末 尾 。 游 标 每 定位 到 某 一 行 ,系统 会 自动 将 该 行 数据 获取 到 内 存 
中 ,这 时 向 DataReader 传递 列 的 名 称 或 序号 ,就 可 以 访问 指定 列 的 数据 。 

使 用 GetValue 方法 或 GetXxx 方法 ,传递 列 号 ,也 可 以 获取 指定 列 的 数据 。 使 用 后 一 
种 方法 ,明确 的 指定 了 所 获取 的 数据 的 类 型 ,执行 效率 更 高 。 


9.3 使 用 DataSet 架构 


DataReader 是 基于 连接 的 对 象 , 只 有 在 数据 处 理 完 成 后 才 可 以 断 开 与 数据 源 的 连接 。 
DataSet 架构 则 使 用 了 ADO.NET 非 连接 的 特性 ,可 以 将 批量 数据 读 和 内存, 然后 进行 离线 
的 处 理 ,最 后 可 以 将 处 理 结 果 批 量 写 回 数据 库 中 。 为 实现 DataSet 与 数据 库 的 交互 ,通常 使 
用 DataAdapter 对 象 作 为 桥梁 。 

DataSet 中 包含 两 种 核心 元 素 , 一 是 表 的 集合 ; 二 是 表 间 关系 的 集合 。 前 者 代表 数据 ， 
后 者 代表 约束 。 


9.3.1 使 用 DataTable 


DataTable 是 DataSet 架构 的 核心 ,代表 内 存 中 的 表 。 依 靠 它 可 以 离线 处 理 数据 ,可 以 
前 、 后 移动 游标 定位 记录 ,快速 检索 记录 ,对 记录 进行 排序 , 按 条 件 过 滤 记 录 等 。DataTable 
既 可 以 包含 在 DataSet 中 ,也 可 以 游离 于 DataSet 之 外 而 独立 存在 (这 时 将 无 法 建立 表 间 关 
系 , 也 无 法 实现 完整 性 约束 ) 。 

1. 创建 DataTable 对 象 

DataTable 中 主要 包含 两 方面 信息 : 一 是 架构 ,通过 列 的 集合 指定 ; 二 是 数据 ,通过 行 
的 集合 指定 。 

车 以 编程 的 方式 创建 DataTable, 则 要 先 创 建 各 列 的 DataColumn 对 象 并 将 其 添加 到 
DataColumnCollection 中 ,这 样 才 能 确定 表格 的 架构 。 请 看 如 下 示例 : 


DataTable dt = new DataTable(); 

DataColumn col = dt.Columns. Add("EmployeeID", typeof( Int32)); 
col. Unique = true; 

dt. Columns. Add( "LastName", typeof(String)); 

dt. Columns. Add( "FirstName", typeof(String)); 


通过 DataTable 对 象 的 Columns 属性 可 以 获取 其 列 集 , 在 列 集 上 调用 Add 方法 ,并 传 


入 列 名 和 数据 类 型 来 创建 列 对 象 ,还 可 以 在 列 对 象 上 指定 约束 。 例 如 ,本 例 中 对 CustID 列 
设 定 了 唯一 约束 , 即 所 有 记录 的 CustID 不 能 重复 。 

2. 向 DataTable 中 添加 数据 

DataTable 的 数据 包含 在 行 集中 ,每 行 数据 用 一 个 DataRow 对 象 表示 。 可 通过 编程 方 
式 向 DataTable 的 行 集中 添加 行 数据 ,示例 代码 如 下 : 


DataRow row = dt. NewRow(); 
row[0] = 1; 
row["LastName"] = "Tom"; 
row[ "FirstName"] = "Cat™"; 
dt. Rows. Add(row); 


调用 DataTable 对 象 的 NewRow 方法 返回 一 个 新 行 , 行 中 包含 若干 个 列 , 通 过 指定 列 
的 序号 或 名 称 可 以 访问 指定 列 , 本 例 中 通过 这 种 方式 向 三 个 列 分 别 赋值 。 通 过 DataTable 
对 象 的 Rows 属性 可 以 访问 其 行 集 , 在 行 集 上 调用 Add 方法 ,可 以 将 行 对 象 添 加 到 表 中 , 表 
中 于 是 有 了 数据 。 

通常 都 是 从 数据 库 中 检索 数据 并 填充 到 DataTable 中 ,最 直接 的 方式 是 调用 DataTable 
对 象 的 Load 方法 ,并 传人 一 个 DataReader 对 象 ,这 样 系统 会 自动 从 DataReader 中 不 断 获 
取 数 据 并 装载 到 DataTable 中 。 请 看 如 下 示例 : 


cmd. CommandText = "Select EmployeeID, LastName, FirstName from Employees"; 
SqlDataReader reader = cmd. ExecuteReader(); 
dt. Load( reader); 


在 DataSet 架构 中 通常 使 用 DataAdapter 对 象 来 创建 数据 表 并 向 其 中 填充 数据 ,这 些 
内 容 将 在 后 续 章 节 中 介绍 。 

当 使 用 Load 方法 装载 数据 ,或 使 用 DataAdapter 对 象 填充 数据 时 ,由 于 可 以 连接 到 数 
据 库 ,自动 获取 表 的 架构 信息 ,所 以 不 需要 专门 编写 代码 定义 数据 表 结 构 , 只 要 创建 空 的 
DataTable 对 象 , 即 可 开始 装载 或 填充 数据 。 

3. 遍历 表 中 数据 

DataTable 的 Rows 属性 返回 行 的 集合 ,其 中 每 个 元 素 就 是 一 条 记录 ,通常 使 用 
Foreach 循环 遍历 行 集中 的 每 一 个 DataRow。DataRow 又 是 字段 值 的 容器 ,可 以 通过 字段 
序号 或 名 称 访问 它们 。 下 面 的 代码 演示 了 如 何 遍 历 并 显示 DataTable 中 的 数据 。 


StringBuilder sb = new StringBuilder("< table >"); 
sb. Append("< tr >< td> FirstName </td>< td> LastName </td></tr >"); 
foreach (DataRow row in dt. Rows) 


f 
sb. Append("< tr><td>"); 
sb. Append( row[ "FirstName" ]. ToString( )); 
sb. Append("</td>< td>"); 
sb. Append( row[ "LastName" ]. ToString( )); 
sb. Append("</td></tr >"); 

} 


sb. Append( "</table >"); 
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lblmsg. Text = sb.ToString(); 


4. 检索 表 中 数据 

DataTable 提供 了 一 个 有 用 的 方法 Select, 可 以 返回 满足 条 件 的 行 集 ; 该 方法 使 用 的 表 
达 式 与 SQL Select 语句 中 Where 子 句 的 作用 类 似 , 只 是 Select 方 法 在 内 存 表 中 查询 ,不 连 
接 数 据 库 。 例 如 ,假设 productdt 数据 表 中 包含 着 所 有 商品 的 信息 ,要 查找 类 别 号 为 2 的 商 
品 并 显示 其 名 称 , 可 使 用 如 下 的 代码 片段 。 

DataRow[ ] matchrows = dt.Select("CategoryID = 2"); 


StringBuilder sb = new StringBuilder("<ul >"); 
foreach(DataRow row in matchrows) 


i 
sb. Append("< 1i>"); 
sb. Append( row[ "ProductName" ]. ToString()); 
sb. Append("</1i>"); 

} 


sb. Append( "</u1 >"); 
lblmsg. Text = sb.ToString(); 


由 于 Select 方 法 的 返回 值 为 行 集 , 所 以 使 用 了 DataRow 的 数组 来 保存 查询 结果 ,然后 
使 用 foreach 循环 遍历 所 有 行 。 

DataTable 中 也 允许 按 主键 检索 特定 行 , 这 要 先 在 DataTable 上 定义 主键 ,然后 在 行 集 
上 使 用 Find 方法 。 请 看 如 下 代码 片段 : 


// 为 数据 表 定 义 主键 列 

DataColumn[ ] columns = new DataColumn[1]; 

columns[0] = dt.Columns["ProductID"]; 

dt.PrimaryKey = columns; 

// 根据 主键 进行 检索 (查询 商品 号 为 5 的 行 ) 

DataRow findrow = dt.Rows.Find(5); 

// 输出 检索 结果 

if (findrow F null) lblmsg.Text = findrow["ProductName"].ToString(); 


9.3.2 使 用 DataView 


DataView 为 DataTable 对 象 定义 数据 视图 ,使 DataTable 能 够 支持 自 定义 过 滤 和 数据 
排序 。 在 数据 绑 定 的 场合 中 ,利用 DataView 可 以 只 选 出 表 中 的 一 部 分 数据 进行 显示 ,也 可 
以 按 不 同 的 方式 排序 显示 数据 ; 而 在 实现 这 些 功能 的 同时 ,不 会 影响 DataTable 中 的 真实 
数据 。 

每 个 DataTable 都 有 一 个 默认 的 DataView 与 之 关联 ,使 用 DataTable 对 象 的 
DefaultView 属性 可 以 引用 该 数据 视图 ; 也 可 以 在 同一 个 表 上 创建 多 个 表示 不 同 视图 的 
DataView 对 象 。 

1. 数据 排序 

借助 DataView 对 象 的 Sort 属性 ,设置 合适 的 排序 表达 式 , 即 可 实现 数据 排序 。 下 面 的 


示例 演示 了 如 何 对 Products 表 中 的 数据 进行 排序 显示 。 


程序 的 运行 结果 如 图 9-10 所 示 。 示 例 中 第 一 个 网 格 (GridView) 使 用 了 默认 数据 视图 ， 
第 二 个 网 格 使 用 了 按 UnitPrice 列 排序 的 视图 。 排 序 表达 式 中 可 以 使 用 ASC 或 DESC 指定 
按 升序 或 降序 排列 , 若 要 按 多 个 字段 组 合 排列 ,可 以 使 用 如 下 的 代码 形式 : 


9-10 ”使 用 DataView 进行 数据 排序 
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2. 数据 过 滤 

借助 DataView 对 象 的 RowFilter 属性 ,可 以 自 定义 过 滤 条 件 ,将 DataTable 中 满足 条 
件 的 记录 选择 出 来 显示 。RowFilter 属性 和 SQL 查询 中 的 Where 子 句 功 能 类 似 , 条 件 表达 
式 的 书写 格式 也 基本 相同 ,详细 用 法 请 参阅 MSDN 文档 。 下 面 的 代码 片段 演示 了 如 何 从 
DataTable 中 选 出 价格 超过 50 元 的 记录 及 产品 名 以 M 开头 的 记录 分 别 显示 。 


dt.DefaultView. RowFilter = "UnitPrice > 40"; 
GridViewl.DataSource = dt.DefaultView; 
GridView1.DataBind( ) 7 

DataView dv = new DataView(dt); 

dv.RowFilter = "ProductName Like 'M% '"; 
GridView2.DataSource = dv; 

GridView2. DataBind( ); 


9.3.3 使 用 DataRelation 


在 DataSet 中 不 但 可 以 定义 数据 表 , 还 可 以 定义 表 之 间 的 关系 ,以 方便 的 实现 数据 导 
航 。 例 如 ,在 客户 表 和 订单 表 之 间 建 立 DataRelation 后 ,可 以 方便 的 根据 客户 号 检索 该 客户 
的 所 有 订单 。 请 看 如 下 的 代码 片段 : 


// 在 Customers 表 和 Orders 表 之 间 建 立 关 系 
DataRelat ion customerOrdersRelation = 
customerOrders. Relations. Add( "CustOrders", 
customerOrders. Tables[ "Customers" ].Columns[ "CustomerID"], 
customerOrders. Tables[ "Orders" ].Columns[ "CustomerID" ]); 
// 遍历 Customers 表 中 的 每 一 个 顾客 
foreach (DataRow custRow in customerOrders. Tables["Customers"].Rows) 
{ 
Console. WriteLine( custRow[ "CustomerID" ].ToString( )); 
// 根据 DataRelation 获取 该 顾客 的 所 有 订单 
foreach (DataRow orderRow in custRow. GetChildRows(customerOrdersRelation)) 
Console. WriteLine(orderRow["OrderID"].ToString() ); 
} 
} 


其 中 ,customerOrders 为 DataSet 对 象 , 在 它 的 关系 集中 添加 了 一 个 新 的 关系 ,这 样 , 在 遍历 
主 表 数据 时 (外 层 循环 ) ,可 以 方便 地 按照 CustomerID 找到 子 表 该 顾客 的 所 有 订单 ,并 遍历 
显示 。 

1. 建立 数据 表 之 间 的 关系 

使 用 DataRelation 使 两 个 DataTable 通过 DataColumn 对 象 彼此 关联 ,类 似 于 数据 库 
中 的 “主键 /外 键 ” 关 系 。DataRelation 是 在 父 表 和 子 表 中 的 匹配 列 之 间 创 建 的 ,要 求 这 两 个 
列 的 数据 类 型 必须 相同 ,但 列 名 可 以 不 同 。 

建立 数据 表 间 关系 的 代码 如 下 : 


// 在 主 表 和 子 表 中 确定 建立 关系 的 匹配 列 
DataColumn parentColumn = DataSet1. Tables["Customers"].Columns["CustID"]; 


DataColumn childColumn = DataSetl.Tables["Orders"].Columns["CustID"]; 
// 根据 匹配 列 建立 关系 
DataRelation relCustOrder = new DataRelation ( 
"CustomersOrders", parentColumn, childColumn ); 


nl 


调用 DataRelation 类 的 构造 器 时 需要 传人 三 个 参数 : 关系 的 名 称 、 主 表 中 的 列 (相当 扣 
主键 ) 及 子 表 中 的 列 ( 相 当 于 外 键 )。 
关系 创建 后 ,还 要 将 其 添加 到 数据 集 的 关系 集合 中 ,代码 如 下 : 


DataSet1. Relat ions. Add(relCustOrder); 


通过 DataSet 对 象 的 Relations 属性 得 到 关系 集合 ,再 调用 其 Add 方法 将 新 创建 的 关系 
加 入 集合 ; 也 可 以 通过 实例 中 的 方法 ,创建 关系 的 同时 将 其 加 入 集合 中 。 

2. 根据 关系 进行 数据 导航 

建立 关系 的 主要 目的 是 在 主 表 和 子 表 之 间 进行 数据 导航 , 即 根据 主 表 中 某 行 的 数据 ,在 
子 表 中 获取 与 之 匹配 的 一 系列 行 ,或 根据 子 表 中 的 某 行 数据 ,获取 主 表 中 的 相应 行 。 
主 表 的 行 对 象 调用 GetChildRows 方法 ,可 得 到 子 表 中 与 之 匹配 的 行 。 
例如 : 


DataRow [] orderRows = customerRow. GetChildRows(customerOrdersRelation); 


子 表 的 行 对 象 调用 GetParentRow 方法 ,可 获得 主 表 中 的 匹配 行 。 
例如 : 


DataRow customerRow = orderRow. GetParentRow (customerOrdersRelation); 


9.3.4 使 用 DataAdapter 


在 ADO.NET 体系 中 ,DataAdapter 作为 数据 源 与 DataSet 之 间 的 桥梁 ,起 着 承上启下 
的 作用 ,可 以 将 数据 源 中 的 数据 填充 到 DataSet, 也 可 以 将 DataSet 中 所 作 的 数据 更 改 保存 
到 数据 源 中 。 

DataAdapter 建立 在 Connection 之 上 ,内 部 包含 4 个 命令 对 象 : SelectCommand、 
InsertCommand UpdateCommand 和 DeleteCommand。SelectCommand 对 象 用 于 从 数据 
源 中 检索 数据 ,其 他 三 个 对 象 用 于 将 数据 更 改写 回 数据 源 。 

1. 填充 数据 

DataAdapter 的 4 个 命令 对 象 中 ,只 有 SelectCommand 是 必需 的 。 当 调用 DataAdapter 
的 Fil 方法 时 ,实际 上 是 先 使 用 SelectCommand 检索 数据 ,然后 再 填充 到 DataTable 中 。 
请 看 如 下 的 示例 代码 : 


string connstr = ConfigurationManager.ConnectionStrings["nwconnstr"].ConnectionString; 
SqlConnection conn = new SqlConnection(connstr); 

string sql = "Select EmployeeID, LastName, FirstName from Employees"; 

// 创建 Dataadapter 对 象 , 需 传人 要 执行 的 查询 语句 及 连接 对 象 
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SqlDataadapter da = new SqlDataAdapter(sql, conn); 
// 创建 DataSet 对 象 , 并 向 其 中 的 employees 表 中 填充 数据 
DataSet ds = new DataSet(); 
da.Fill(ds, "employees"); 
StringBuilder sb = new StringBuilder("< table >"); 
sb. Append("<tr><td> FirstName </td>< td> LastName </td></tr >"); 
// 遍历 包含 在 DataSet 中 的 表 中 的 数据 
foreach (DataRow r in ds. Tables["employees"]. Rows) 
lL! 
sb. Append("< tr><td>"); 
sb. Append(r[ "FirstName"].ToString()); 
sb. Append("</td>< td>"); 
sb. Append(r[ "LastName" ]. ToString( )); 
sb. Append("</td></tr >"); 
1 
sb. Append( "</table >" ); 
lblmsg. Text = sb.ToString(); 


创建 DataAdapter 对 象 时 ,需要 指定 其 连接 属性 及 查询 语句 ,以 便 构 建 SelectCommand 
对 象 ; 也 可 以 先 创建 好 Command 对 象 ,然后 将 它 赋 给 DataAdapter 对 象 的 SelectCommand 
属性 。 调 用 Fill 方法 向 数据 表 中 填充 数据 ,第 一 个 参数 指定 DataSet 对 象 ,第 二 个 参数 指定 
要 填充 的 DataTable 名 称 ; 若 DataSet 中 还 没有 该 名 称 的 数据 表 , 则 自动 创建 。 

注意 : 这 段 代 码 中 并 没有 打开 和 关闭 数据 库 连接 的 代码 ,这 些 工 作 是 由 DataAdapter 
自动 执行 的 。 当 调用 Fill 方法 时 ,DataAdapter 以 隐 含 的 方式 , 先 打 开 到 数据 源 的 连接 ,再 
执行 Select 命令 ,最 后 关闭 连接 。 

2. 更 新 数据 

调用 DataAdapter 的 Update 方法 可 以 将 DataSet 中 的 更 改写 回 数据 源 。Update 方法 
将 DataSet 的 实例 和 可 选 的 DataTable 对 象 或 DataTable 名 称 用 作 参 数 。 如 果 未 指定 
DataTable, 则 使 用 DataSet 中 的 第 一 个 DataTable。 

当 调 用 Update 方法 时 ,DataAdapter 会 分 析 已 做 的 更 改 ; 当 遇 到 对 DataRow 的 更 改 
时 ,将 使 用 InsertCommand、UpdateCommand 或 DeleteCommand 来 处 理 该 更 改 。 在 调用 
Update 之 前 ,必须 先 显 式 的 设置 这 些 命令 ; 如 果 调 用 了 Update 但 不 存在 用 于 特定 更 新 的 
命令 则 会 引发 异常 。 请 看 如 下 示例 : 


using (SqlConnection connection = new SqlConnection( connectionString)) 
| 
// 创建 DataAdapter 对 象 并 设置 其 SelectCommand, 以 便 填充 数据 
SqlDataAdapter dataAdpater = new SqlDataAdapter( 
"SELECT CategoryID, CategoryName FROM Categories", connection); 
// 创建 UpdateCommand 对 象 , 以 便 更 新 数据 
dataAdpater. UpdateCommand = new SqlCommand( 
"UPDATE Categories SET CategoryName = (@CategoryName ”十 
"WHERE CategoryID = (@CategoryID", connection); 
dataAdpater. UpdateCommand. Parameters. Add( 


"@CategoryName", SqlDbType. NVarChar，15，"CategoryName" ); 
dataAdpater. UpdateCommand. Parameters. Add( 
"@CategoryID", SqlDbType. Int); 
// 检索 并 填充 数据 
DataTable categoryTable = new DataTable(); 
dataAdpater. Fill (categoryTable); 
// 更 新 数据 集中 的 数据 
DataRow categoryRow = categoryTable. Rows[0]; 
categoryRow[ "CategoryName"] = "New Beverages"; 
// 将 数据 集中 的 更 新 保存 到 数据 源 
dataAdpater. Update(categoryTable); 
! 


3. 使 用 DbCommandBuilder 对 象 辅助 更 新 数据 

为 方便 执行 数据 更 新 操作 ,通常 使 用 CommandBuilder 对 象 辅助 DataAdapter。 

DbDataAdapter 不 会 自动 生成 更 新 数据 源 的 SQL 语句 ,但 只 要 设置 了 SelectCommand 
属性 ,就 可 以 为 其 创建 DbCommandBuilder 对 象 来 自动 生成 SQL 语句 进行 单 表 更 新 。 

例 9-7 创建 DbCommandBuilder 对 象 来 自动 生成 SQL 语句 进行 单 表 更 新 。 

SqlDataAdapter adapter = new SqlDataAdapter(); 

adapter. SelectCommand = new SqlCommand(sql, connection); 


SqlCommandBuilder builder = new SqlCommandBuilder(adapter); 
connection, Open( ); 


DataSet dataSet = new DataSet(); 

adapter. Fill(dataSet, tableName); 

// 这 里 可 以 写 更 新 DataSet 的 代码 

builder. GetUpdateCommand( ); // 自动 构造 更 新 数据 库 的 SQL 
adapter. Update( dataSet，tableName); ”// 将 更 改写 回 数据 库 


关于 CommandBuilder 对 象 的 使 用 细节 请 参阅 MSDN 文档 ,这 里 不 再 说 明 。 


9.4 习题 和 上 机 练习 


1. 简 答题 

(1) 列举 ADO.NET 体系 结构 中 的 常用 对 象 , 并 说 明 各 对 象 的 作用 。 

(2) 试 比较 DataReader 与 Dataset 对 象 的 异同 ,并 思考 什么 情况 下 使 用 DataReader, 什 
么 情况 下 使 用 Dataset。 

(3) 什么 叫做 SQL 注入 ? 如 何 预防 SQL 注入 ? 请 举例 说 明 。 

(4) 什么 是 存储 过 程 ? 使 用 存储 过 程 有 什么 好 处 ? 

(5) 在 ADO.NET 中 调用 存储 过 程 与 执行 SQL 命令 的 方法 有 什么 区 别 ? 

(6) 如 何在 Web. config 文件 中 保存 连接 字符 串 ,如 何在 程序 中 访问 该 字符 串 ? 

(7) 若 要 连接 SQL Server 2005 数据 库 , 试 举例 说 明 如 何 配置 可 信 的 数据 库 连 接 。 若 要 
创建 基于 用 户 名 和 密码 的 数据 库 连 接 , 试 说 明 如 何 配置 连接 字符 串 , 并 说 明 在 SQL Server 
中 还 要 如 何 设置 。 
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(8) ADO.NET 中 ,如 何 保证 多 次 使 用 的 数据 库 连 接 是 来 自 同一 个 连接 池 ? 

(9) 在 使 用 Command 对 象 操 作 数据 库 时 ,什么 情况 下 应 调用 其 ExecuteReader 方法 ? 
什么 情况 下 应 调用 ExecuteScalar 方法 ?什么 情况 下 应 调用 ExecuteNonQuery 方法 ? 

(10) 试 举例 说 明 如 何 遍 历 DataTable 中 的 数据 。 

(11) 试 举例 说 明 如 何在 DataTable 中 按 主键 快速 检索 特定 行 的 数据 。 

(12) 什么 是 DataView? 试 举例 说 明 如 何 使 用 DataView 实现 数据 排序 和 过 滤 。 

2. 上 机 练习 

新 建 一 个 数据 库 test, 其 中 建 一 个 用 户 信息 表 userinfo, 包 括 用 户 名 、 密 码 、 身 份 、 姓 名 、 
性 别 、 生 日 (可 选用 日 期 型 )、 电 话 、 邮 箱 等 信息 ,至 少 要 有 一 个 管理 员 身 份 的 用 户 。 

(1) 建立 一 个 注册 页 面 。 

在 注册 页 面 , 单 击 “ 注 册 ” 按 钮 后 ,用 户 输 入 的 注册 信息 格式 化 显示 (可 以 使 用 CSS 文 
件 ) ,然后 单 击 “ 确 认 ” 按 钮 ,将 信息 写 和 数据 表 userinfo 中 。 如 此 写 入 至 少 5 条 数据 。 

(2) 建立 一 个 登录 页 面 。 

在 登录 页 面 ,使 用 数据 表 中 输入 的 用 户 名 和 密码 后 , 单 击 “ 登 录 ” 按 钮 ,进行 身份 验证 ,下 
确 则 进入 下 一 个 页 面 。 
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几乎 所 有 的 Web 应 用 程序 都 要 和 数据 打交道 ,特别 是 还 需要 一 种 方便 灵活 的 方式 将 数 
据 展示 在 页 面 上 ,这 就 需要 数据 绑 定 技术 。ASP.NET 提供 了 一 个 全 能 的 数据 绑 定 模型 , 允 
许 将 单个 数据 或 数据 集合 绑 定 到 特定 控件 上 ,由 控件 负责 数据 的 展示 。 这 样 ,就 不 需要 编写 
复杂 的 代码 ,循环 读 取 记 录 和 字段 来 生成 展示 页 面 。 如 果 借 助 ASP.NET 提供 的 数据 源 控 
件 , 可 以 在 页 面 和 数据 源 之 间 定 义 一 个 声明 性 的 连接 ,甚至 不 用 写 一 行 代码 ,就 可 以 配置 出 
一 个 具有 数据 库 增 、 删 、 改 、 查 功能 的 复杂 页 面 。 


10.1 数据 绑 定 基础 


数据 绑 定 就 是 把 数据 源 和 控件 相关 联 , 由 控件 负责 自动 显示 数据 的 一 种 方式 。 

ASP.NET 中 的 大 部 分 控件 (如 Label、TextBox、Image 等 ) 都 支持 单 值 数据 绑 定 ,可 以 
将 控件 的 某 个 属性 绑 定 到 数据 源 ,进而 自动 获取 数据 源 的 值 ; 还 有 很 多 控件 支持 重复 值 绑 
定 , 也 就 是 说 它们 可 以 呈现 出 一 组 项 目 ( 以 列表 或 表格 的 方式 ), 可 以 绑 定 到 一 个 数据 集合 
(如 DataReader 或 DataTable) 上 ,自动 .重复 地 获取 集合 中 的 每 一 项 并 呈现 在 页 面 上 。 


10.1.1 数据 绑 定 表达 式 


在 ASP.NET 页 面 中 使 用 数据 绑 定 表达 式 可 以 输出 页 面 的 属性 值 ,成 员 变 量 值 或 函数 
的 返回 值 ,前 提 是 这 些 属性 、 成 员 变 量 及 函数 具有 受 保护 的 (Protected) 或 者 公有 的 (Public) 
可 见 性 。 数 据 绑 定 表达 式 的 一 般 格式 如 下 : 


< 外 井 data_ bind expression %> 


例如 ,假设 页 面 中 定义 了 一 个 叫 EmployeeName 的 公共 的 或 受 保护 的 变量 , 则 使 用 以 
下 的 表达 式 可 以 在 页 面 上 输出 该 变量 的 值 。 


<%# EmployeeName %> 


还 可 以 使 用 在 运行 时 可 计算 的 表达 式 来 构造 数据 绑 定 表达 式 。 
例如 : 


<%# getUserName( ) %> 
< 区 井 "Tom" + "Cat" $%> 
<%# DateTime.Now %> 
<%S# Request. Url %> 
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上 面 第 一 行 代码 调用 了 getUserName 方法 ,第 二 行 计算 字符 串 表达 式 的 值 并 输出 ,第 
三 行 获取 当前 时 间 并 显示 ,第 四 行 获 取 当 前 页 面 的 URL 并 显示 。 


10.1.2 单 值 绑 定 


几乎 可 以 将 数据 绑 定 表达 式 放 置 在 页 面 的 任何 地 方 , 但 通常 的 做 法 是 将 其 赋值 给 控件 
的 某 个 属性 。 
例如 : 


为 显示 数据 绑 定 表达 式 的 值 , 必 须要 在 页 面 或 控件 上 调用 其 DataBind 方法 ,这 时 ASP. 
NET 才 检 查 页 面 上 的 表达 式 并 用 适当 的 值 蔡 换 它们 , 若 忘记 了 调用 DataBind 方法 ,数据 绑 
定 表达 式 将 不 会 被 十 人 值 ,在 页 面 呈 现时 将 被 丢弃 。 

例 10-1 使 用 数据 绑 定 表达 式 实现 单 值 绑 定 。 

首先 建立 如 下 的 测试 页 面 : 


该 页 面 中 调用 了 CurrentUser 属性 和 getImg 方法 ,需要 在 后 台 代 码 中 做 如 下 定义 : 


最 后 需要 注意 ,为 计算 并 显示 数据 表达 式 的 值 ,通常 在 页 面 的 Page_Load 事件 中 调用 
Page 对 象 的 DataBind() 方 法 :如 下 所 示 : 


protected void Page Load(object sender, EventArgs e) 


中 
this. DataBind( ); 


} 
该 页 面 的 显示 效果 如 图 10-1 所 示 。 


三 而 试 数 据 狠 定 表达 式 - Windows Internet Exploren =|DIxl 
GO le rw se x we searen 
文件 电 ”编辑 (E) ”查看 (V) 收 若 夹 (和 ) ”工具 (D 帮助 中 

这 收 训 天 。 看 测 江 数 据 线 定 表达 式 
当前 时 间 ，2011-7-16 1020:18 


当前 页 面 ，httpJlocalhost124S/dbexp aspx 
欢迎 你 ，White 


同和 地 mpanet Fa-[Rio% - 4 


图 10-1 单 值 数据 绑 定 示例 的 显示 效果 


10.1.3 重复 值 绑 定 
重复 值 绑 定 允 许 将 一 个 列表 的 信息 绑 定 到 一 个 控件 上 ,列表 可 以 是 自 定 义 对 象 的 集合 
(如 ArrayList 或 Hashtable 等 ) ,也 可 以 是 行 的 集合 (如 DataReader 或 DataTable 等 ) 。 
ASP.NET 提供 了 几 个 支持 重复 值 绑 定 的 基本 列表 控件 ,如 DropDownList、 ListBox、 
CheckBoxList、RadioButtonList、BulletedList 等 ,它们 具有 如 表 10-1 所 示 的 基本 属性 。 


表 10-1 列表 控件 的 基本 属性 


属 性 名 属性 描述 

DataSource 数据 源 对 象 ,包含 要 显示 的 数据 ,该 对 象 通常 实现 ICollection 接口 

DataSourceID 数据 源 对 象 的 ID, 通 过 该 属性 可 以 链接 列表 控件 和 数据 源 控件 。 该 属性 与 
DataSource 属性 只 能 设置 一 个 ,不 能 同时 使 用 

DataTextField 数据 源 中 可 以 包含 多 个 数据 项 ( 列 ) ,但 列表 控件 中 只 能 显示 单个 列 的 值 ， 
DataTextField 属性 指定 要 显示 在 页 面 上 的 字段 的 名 称 ( 绑 定 到 行 集 时 ) 或 属 
性 名 称 ( 绑 定 到 对 象 集 时 ) 

DataValueField 该 属性 和 DataTextField 属性 类 似 , 但 从 数据 项 中 获得 的 数据 不 会 显示 在 页 面 


上 ,而 是 保存 在 底层 HTML 标签 的 value 属性 上 ,人 允许 以 后 在 代码 中 读 取 该 属 
性 值 。 该 属性 通常 用 于 保存 唯一 值 或 主键 
DataTextFormatString “定义 一 个 可 选 的 字符 串 ,用 于 格式 化 DataTextField 的 值 


为 将 列表 的 值 绑 定 到 列表 控件 上 ,通常 有 两 种 做 法 : 
(1) 在 代码 中 进行 数据 绑 定 : 设置 列表 控件 的 DataSource 属性 为 集合 对 象 ,然后 显 式 
地 调用 列表 控件 的 DataBind 方法 实现 数据 绑 定 。 
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(2) 使 用 声明 的 方式 绑 定 : 设置 列表 控件 的 DataSourceID 属性 为 集合 对 象 ,不 需要 在 
代码 中 调用 DataBind 方法 ,系统 就 会 自动 执行 数据 绑 定 。 

下 面 是 一 个 在 代码 中 进行 数据 绑 定 的 例子 ,声明 式 数据 绑 定 通常 要 配合 数据 源 控件 使 
用 ,将 在 后 续 章 节 举 例 。 

例 10-2 建立 NorthWind 数据 库 的 按 类 别 查询 产品 信息 的 页 面 。 

运行 效果 如 图 10-2 所 示 。 


可 
[c SH ICE 
文件 昌 编辑 加 这 看 (收藏 闪 (工具 (TD) 和 有 4 

襄 收 戈 天 。 逢 根 据 关 别 夺 询 商 品 信息 | 

类 别 ，[Saaaa 本 四 


* Ikura 

* Konbu 

* Camarvon Tigers 

。Nord-Ost Matjeshering 
。JInlagd Sl 

*» Gravad lax 

» Boston Crab Meat 

[i met 


图 10-2 按 类 别 查询 产品 信息 的 页 面 


页 面 中 使 用 下 列 列表 框 显示 并 选择 产品 类 别 ,查询 该 类 别 的 产品 ,并 使 用 BulletedList 
控件 显示 所 有 产品 的 名 称 。 
页 面 加 载 事件 的 代码 如 下 ,注意 其 中 的 加 粗 部 分 : 


protected void Page Load(object sender, EventArgs e) 
{ 
if (!Page. IsPostBack) 
{ 
using (SqlConnection conn = new SqlConnection(connstr)) 
{ 
SqlCommand cmd = conn.CreateCommand(); 
cmd. CommandText = "Select CategoryID, CategoryName from Categories"; 
conn. Open( ); 
SqlDataReader reader = cmd.ExecuteReader(); 
ddlcategory. DataSource = reader; 
ddlcategory. DataTextField = "CategoryName"; 
ddlcategory. DataValueField = "CategoryID"; 
ddlcategory. DataBind( ); 
js 
bindproducts( ); 


| 


为 将 DataReader 中 的 数据 绑 定 到 下 列 列表 框 ,需要 设置 列表 框 的 DataSource 属性 为 
DataReader 对 象 ; 在 列表 框 中 要 显示 的 是 类 别名 ,而 当选 择 项 改变 时 要 提交 给 服务 器 的 却 
是 类 别 号 ,所 以 应 设置 列表 框 的 DataTextField 属性 为 CategoryName,DataValueField 属性 


为 Categoryid; 最 后 , 显 式 调用 列表 框 的 DataBind 方法 实现 数据 绑 定 。 
根据 所 选 类 别 查询 产品 的 事件 过 程 代码 如 下 : 


Private void bindproducts() 
出 
string catid = ddlcategory. SelectedValue; 
using (SqlConnection conn = new SqlConnection(connstr)) 
{ 
SqlCommand cmd = conn. CreateCommand( ) ; 
cmd. CommandText = "Select ProductName from Products where CategoryID = (@catid"; 
cmd. Parameters. AddWithValue("@catid", catid); 
conn. Open( ); 
SqlDataReader reader = cmd. ExecuteReader(); 
bllproduct. DataSource = reader; 
bllproduct. DataTextField = "productname"; 
bllproduct. DataBind( ); 


! 


这 里 ,将 查询 到 的 产品 名 称 绑 定 到 BulletedList 对 象 上 ,需要 设置 BulletedList 对 象 的 
DataSource 属性 及 DataTextField, 然 后 调用 DataBind 方法 。 


10.2 数据 源 控件 


前 面 的 章节 中 ,介绍 了 通过 代码 访问 数据 库 的 方式 .连接 数据 库 、 执 行 查询 及 更 新 操作 ， 
以 及 循环 遍历 记录 集 并 将 数据 显示 在 页 面 上 。 为 大 幅度 提高 开发 效率 ,减少 编码 量 ,还 可 以 
使 用 数据 源 控件 ,配合 功能 强大 的 数据 绑 定 控件 ,甚至 不 用 编写 一 行 代码 ,就 可 以 开发 出 基 
本 的 数据 访问 程序 。 


10.2.1 数据 源 控 件 概 述 


例 10-3 ”使 用 数据 源 控件 和 数据 绑 定 控件 ,开发 一 个 员工 管理 的 应 用 程序 ,实现 员工 
信息 的 增 、 删 、 改 、 查 功能 以 及 分 页 .排序 显示 功能 。 

请 按 以 下 步骤 进行 操作 

(1) 创建 一 个 Web Form 页 面 , 取 名 sqldsemployee. aspx。 

(2) 从 控件 工具 栏 中 ,选择 “数据 ”选项 卡 ,从 中 选择 GridView 控件 ,双击 将 其 加 入 到 页 
面 中 。 

(3) 从 GridView 控件 的 任务 菜单 中 选择 “新 建 数 据 源 ” 选 项 ,如 图 10-3 所 示 。 


择 数 据 源 类 型 。 从 列表 中 选择 “数据 库 ” 项 ,数据 源 ID 可 以 保持 默认 值 不 变 , 单 击 “ 确 定 ” 按 
钮 进入 下 一 步 。 

(5) 在 如 图 10-5 所 示 的 界面 中 要 为 数据 源 指定 数据 库 连 接 。 若 前 面 已 经 配置 过 数据 
库 连接 ,就 可 以 从 下 拉 列 表 框 中 选择 合适 的 连接 。 本 例 中 假定 未 曾 配置 过 数据 库 连 接 , 单 击 
“新 建 连接 ”按钮 ,打开 如 图 10-6 所 示 的 添加 数据 库 连 接 对 话 框 。 


地 己 趴 
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图 10-5 为 数据 源 指定 数据 库 连 接 界面 


10-6 “添加 连接 "对 话 框 


(6) 在 添加 连接 对 话 框 中 ,选择 数据 源 的 类 型 为 SqlClient, 输 入 SQL Server 实例 名 (本 
例 使 用 SQL Server Express 版 ,默认 实例 名 为 sqlexpress, 前 面 的 “.\” 代 表 本 机 ,也 可 以 用 
localhost\sqlexpress 等 形式 ) ,选择 登录 方式 为 “Windows 身份 验证 ”, 单 击 “ 测 试 连接 ”按钮 
以 测试 连接 的 可 用 性 。 若 提示 ”测试 连接 成 功 ”, 则 说 明 数 据 库 连接 的 配置 没有 问题 ,从 数据 
库 名 下 拉 列 表 框 中 选择 NorthWind 数据 库 , 点 击 “ 确 定 ” 按 钮 返回 选择 数据 库 连接 对 话 框 。 
如 图 10-7 所 示 , 这 时 系统 已 自动 生成 了 数据 库 连接 ,并 填 人 了 连接 字符 串 。 


10-7 选择 数据 库 连接 对 话 框 
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(7) 单 击 "下 一 步 ? 继 续 ,进入 如 图 10-8 所 示 的 界面 ,提示 将 数据 库 连 接 字 符 串 保存 到 
配置 文件 中 , 勾 选 “ 是 ,将 此 连接 另存 为 " 复 选 框 , 单 击 “ 下 一 步 " 按 钮 ,系统 会 将 连接 字符 串 以 
指定 的 键 名 保存 到 Web. config 文件 中 ,并 打开 如 图 10-9 所 示 的 界面 。 


本 可 


配置 数据 束 - 5qlDataSource2 
| 将 连接 字符 串 保 存 到 应 用 程序 配置 文件 中 


将 连接 字符 审 存 | 程序 配置 文件 中 ， 可 简化 维护 和 部 署 . 审 保存 到 应 用 程序 配 
置 文件 中 ， 3 2 则 爱 接 字符 串 将 作为 
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图 10-8 保存 连接 字符 串 到 配置 文件 


配置 数据 源 - 5qlDataSource2 ?x 
| 配置 select 语句 


口 Reofcowtesy E 
WM EmployeelD OD BirthDate EEE werew, 
A LastName 口 Hrepate OD Country I 一 
a FirstName BD Address 口 Homephone ORDER BY(R)， 
口 Gty 口 Extension 
NE 
SELECT 语句 (U: 
ES [LastName] [FrstName] [Te] [Address] [Postalcode] FROM [Employees] 过 
< 后 有 P) | 下 一 步 岂 > 完成 四 | 取消 
4 


图 10-9 “配置 Select 语句 ”对 话 框 


(8) 为 数据 源 配置 检索 命令 ,有 两 种 方式 : 一 是 直接 指定 一 条 SQL 语句 或 一 个 存储 过 
程 ; 二 是 根据 用 户 的 选择 由 系统 自动 生成 一 条 SQL, 这 里 采用 后 一 种 方式 。 先 选择 “指定 来 
自 表 或 视图 的 列 " 单 选 按钮 ,并 从 下 面 的 名 称 下 拉 框 中 选择 Employees 表 , 这 样 该 表 中 的 所 
有 字段 会 在 下 面 的 列表 框 中 显示 出 来 ; 在 字段 名 列表 框 中 勾 选 需要 的 字段 ,可 以 看 到 ,系统 


自动 生成 了 Seleet 语句 并 在 下 面 的 文本 框 中 显示 出 来 。 
(9) 如 果 需 要 ,可 以 继续 单 击 Where 按钮 ,生成 数据 过 滤 条 件 ,或 单 击 Order By 按 乌 ， 
生成 数据 排序 子 句 。 
G10) 单 击 "高 级 "按钮 ,可 以 打开 高 级 SQL 生成 选项 对 话 框 ,如 图 10-10 所 示 , 勾 选 * 生 成 
INSERT、UPDATE .DELETE 语句 " 复 选 框 ,这 样 系统 将 自动 为 数据 源 生成 三 条 更 新 语句 。 
5 


可 以 生成 附加 的 INSERT、UPDATE 和 DELETE 语句 来 更 新 数据 源 。 


NSER PDATE 和 DELETE 语 (G) 
基于 SELECT 语句 生成 INSERT、UPDATE 和 DELETE 语句 。 必 须 选 定 
所 有 主键 字段 才能 局 用 此 选项 。 


厂 使 用 开放 式 并 发 (0) 
修改 UPDATE 和 DELETE 语句 以 检测 自 该 记录 加 载 到 | Data5et 中 以 来 
数据 库 是 否 更 改 。 这 有 助 于 防止 并 发 冲 欧 。 


Cm | ws | 


图 10-10 “高 级 SQL 生成 选项 ”对话 框 


(11) 在 图 10-9 中 , 单 击 " 下 一 步 "按钮 ,打开 测试 查询 对 话 框 ,这 里 可 以 测试 刚才 生成 
的 SQL 语句 的 执行 情况 , 单 击 “ 测 试 查询 ”按钮 ,可 以 看 到 从 库 中 提取 的 数据 显示 在 网 格 中 。 


文件 四。 编 加 (视图 () 项 目 (生成 (B) 调 (D) 格式 (0) 表 () 工具 (D 窗口 (Ww) 帮助 HD 
MA I Rd "局 i 加 至 华 | 三 


pr 一 -一 画 
sqldsemployee.aspx*| >x 网 | 
只 | 
各 loyeeID LastName FirstName Title Address PostalCode| -ETITTY 7 EE | > 
0 abe abc abc abe abc 这 用 格式 ,| 加 
1 abc abc abc abc abc 选择 外 据 源 ，[5dDstssovcel | 时 
2 abc abc abe labc |abc [天 国 
3 abc abc abc abc abc 出 新 架构 
abc abc abc abc abc 编辑 列 … 日 
5 abc abc abc abc labc bn 
6 abc abc abc abc ac 用 下 
abc abc abe abe [abc | 
8 abc abc abc abc abc 也 局 用 分 页 
9 ac abc abc abc abe 到 启用 排序 
12 到 启用 编辑 
| 人 ”万 启用 划 除 | 
中 三 启用 沈 定 内 容 » 
i an | 国 [<hmi>][<body> [<form#form1> [<asp:Gndview# GndWiewi 蝙 加 模板 ol 


扼 动 边 距 控 点 可 调整 边 距 大 小 。 按 Shit 或 Ctrl 可 使 用 其 他 选项 行 28 列 20 Ch20 


图 10-11 配置 GridView 


(12) 若 数据 没有 问题 , 单 击 “ 完 成 ”按钮 结束 配置 向 导 。 可 以 看 到 ,GridView 已 自动 添 
加 了 从 数据 源 中 获取 的 列 。 

(13) 再 从 GridView 的 智能 标记 菜单 中 选择 “启用 分 页 "“ 启 用 排序 "“ 启 用 编辑 "“ 启 
用 删除 ”等 选项 ,如 图 10-11 所 示 。 可 以 看 到 ,GridView 的 显示 样式 也 随 着 发 生变 化 。 若 觉 
得 网 格 的 外 观 不 够 好 看 ,还 可 以 从 其 智能 标记 菜单 中 选择 “自动 套用 格式 ”项 来 改变 其 外 观 。 
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至 此 ,所 有 的 配置 工作 已 经 完成 ,程序 可 以 运行 了 。 在 VS 的 解决 方案 资源 管理 器 中 右 
击 sqldsemployee. aspx 页 面 ,从 弹出 的 快捷 菜单 中 选择 “在 浏览 器 中 查看 "项 ,可 以 看 到 程 
序 的 运行 效果 ,如 图 10-12 所 示 。 


£E ET Employees - Windows Internet Explorer ID xl 
(CLSE ee E [eH 


文件 (E) ”编辑 (E) ”查看 (收藏 夹 (8) 工具 (DD 大 助 (HH) 


这 收藏 严 乱 Manage Employees | 


编辑 抽 除 1 io Nancy SalesRepresentative 。 507 - 20th Ave E. Apt 2A 98122 
编辑 扣除 2 Andrew ~ VicePresident, Sales 908 W.Capital Way 98401 
编辑 扣除 3 Janet Sales Representative 。 722 Moss Bay Blvd 98033 
编辑 删除 4 Margaret SalesRepresentative 。 4110 Old RedmondRd 98052 
编辑 市 除 5 Steven Sales Manager 14 Garett Hl SWI1 8 了 
编辑 灿 除 6 Michacl 。 Sales Representative 。 Coventry House Miner Rd EC2 7 了 
编辑 扣除 7 = Robert ~ SalesRepresentative 。 Edgeham Hollow Winchester Way RG1 9SP 
编辑 扣除 8 Laura Inside Sales Coordinator 4726 - 11th Ave. NE 98105 
编辑 扣除 9 Mouse ~ SalesRepresentative 7HoundstoothRd WG27LT 
编辑 吉 除 13 Tom 


这 成 i 同志 地 manet 而 -下 I% -有 


图 10-12 员工 管理 程序 的 运行 效果 


在 程序 运行 界面 上 单 击 各 列 的 标题 ,体验 排序 的 效果 ; 单 击 页 面 底部 的 页 码 按钮 ,体验 
数据 分 页 显示 的 效果 ; 还 可 以 单 击 网 格 左 侧 的 编辑 和 删除 按钮 ,尝试 更 新 数据 ,所 有 的 功能 
都 可 以 正常 运行 ,至 此 还 没有 编写 一 行 代码 ,这 就 是 数据 源 控件 和 数据 绑 定 技术 带 来 的 巨大 
便利 。 

所 有 的 数据 源 控件 都 实现 了 IDataSource 接口 , .NET 框架 中 主要 的 数据 源 控件 如 
表 10-2 所 示 。 


表 10-2 NET 框架 中 的 主要 数据 源 控件 


控 件 名 作 用 

SqlDataSource 代表 使 用 ADO .NET 提供 程序 连接 的 关系 数据 库 中 得 数据 ,支持 使 用 
SqlClient、OleDb .Odbe 或 OracleClient 连接 到 的 任何 关系 数据 库 

ObjectDataSource 代表 多 层 体系 结构 中 的 中 间 层 对 象 。 较 复杂 的 应 用 程序 通常 将 表示 层 同 业务 
层 分 开 ,并 在 业务 对 象 中 封装 处 理 逻 辑 ,ObjectDataSource 使 开发 人 员 能 够 在 
n 层 体系 结构 的 应 用 程序 中 使 用 数据 源 控件 

AccessDataSource 代表 使 用 Microsoft Access 数据 库 的 数据 源 控件 ,是 一 种 文件 数据 源 

XmlDataSource 是 向 数据 绑 定 控件 提供 XML 数据 的 数据 源 控件 ,可 以 获取 分 层 数 据 或 表格 
数据 ,通常 用 于 显示 只 读 方 案 中 的 分 层 XML 数据 

SiteMapDataSource 是 站 点 地 图 数据 的 数据 源 ,可 以 使 TreeView、Menu 等 控件 绑 定 到 分 层 的 站 点 
地 图 数据 


10.2.2 使 用 SqlDataSource 控件 


使 用 SqlDataSource 控件 可 以 连接 到 任何 拥有 ADO.NET 数据 提供 程序 的 数据 源 , 包 
括 SQL Server、Oracle 以 及 基于 OLE DB 或 ODBC 的 数据 源 。 

从 本 质 上 看 ,SqlDataSource 会 根据 配置 自动 创建 Connection 对 象 .Command 对 象 及 
DataReader 对 象 等 ,以 完成 各 项 数据 访问 操作 ,这 就 需要 配置 一 系列 参数 ,包括 数据 库 连 接 
字符 串 数据 增删 改 查 命令 及 各 种 命令 参数 等 。 

1. 配置 连接 字符 串 

数据 库 连接 字符 串 可 以 硬 编码 到 SqlDataSource 标记 中 ,但 推荐 的 方法 是 将 其 保存 在 
配置 文件 中 ,然后 在 SqlDataSource 中 引用 。 例 如 ,在 web. config 文件 中 配置 如 下 的 连 
接 串 : 

< connectionStrings> 

<add name = "connstr" connectionString = "Data Source = .\sqlexpress; 
Initial Catalog = northwind; Integrated Security = True" 


providerName = "System. Data.SqlClient"/> 
</connectionStrings> 


那么 ,在 SqlDataSource 标记 中 ,可 以 按 如 下 的 方式 引用 它 : 
<asp:SqlDataSource ConnectionString = "<% $ ConnectionStrings:connstr %>" . /> 


2. 执行 查询 命令 

SqlDataSource 依靠 4 个 命令 对 象 实现 数据 库 的 增删 改 查 操作 ,其 命令 逻辑 由 4 个 属性 
提供 , 即 SelectCommand ,InsertCommand UpdateCommand 及 DeleteCommand。 它 们 都 接收 一 
个 命令 字符 串 , 该 字符 串 可 以 是 一 条 SQL 语句 ,也 可 以 是 一 个 存储 过 程 的 名 字 , 由 其 
SelectCommandType 、InsertCommandType 、UpdateCommandType 及 DeleteCommandType 属性 
值 确定 ,为 StoredProcedure 表示 存储 过 程 ,为 Text 表示 SQL 语句 。 

下 面 是 一 个 完整 的 SqlDataSource 定义 ,可 以 从 Employees 表 读 取 数 据 。 


<asp:SqlDataSource ID = "dsEmployees" runat = "server" 

ConnectionString = "<% $ ConnectionStrings:connstr %>" 

SelectCommand = "SELECT EmployeeID, LastName, FirstName FROM Employees" 
</asp:SqlDataSource> 


既 可 以 在 源 代码 视图 中 手工 建立 数据 源 ,也 可 以 在 设计 视图 下 利用 向 导 来 建立 数据 源 。 
在 控件 工具 栏 的 数据 标签 下 选择 SqlDataSource 控件 添加 到 页 面 上 ,然后 单 击 该 控件 ,从 智 
能 标记 中 选择 “配置 数据 源 ”, 按 向 导 的 提示 完成 配置 ,系统 即 可 自动 生成 数据 源 的 代码 。 

在 各 个 命令 对 象 中 ,通常 都 要 使 用 命令 参数 以 提高 命令 的 灵活 性 ,请 看 如 下 示例 。 

例 10-4 根据 居住 地 查询 员工 的 基本 信息 。 

这 里 要 使 用 主 从 表 , 主 表 提 供 员工 居住 地 信息 ,从 表 提 供 居住 在 某 地 的 员工 信息 。 这 样 
该 示例 中 需要 定义 两 个 数据 源 ,一 个 提供 主 表 数 据 , 另 一 个 提供 从 表 数 据 。 

下 面 是 主 表 数据 源 的 定义 : 


数据 绑 定 


4SP NET Web 应 用 开发 技术 


在 页 面 上 添加 一 个 下 拉 列 表 框 ddlCity, 使 用 dsCity 数据 源 填充 它 , 并 将 其 “自动 回 发 ” 
属性 设置 为 真 。 代 码 如 下 : 


当选 择 一 个 城市 后 ,需要 查询 居住 在 该 城市 的 所 有 员工 信息 ,通过 从 表 数 据 源 来 完成 ， 
下 面 是 它 的 定义 : 


该 数据 源 中 使 用 了 命令 参数 (@city) 编 写 查 询 。 可 以 定义 多 个 参数 ,但 必须 把 它们 都 
映射 到 某 个 值 。 本 例 中 @city 参数 的 值 从 ddlcity 控件 的 SelectedValue 属性 获得 ,所 以 使 
用 了 ControlParameter 参数 ,还 可 以 选择 从 QueryString、Session、Cookie、Form 等 多 种 来 
源 中 获取 参数 值 。 

最 后 ,向 页 面 上 添加 一 个 GridView 控件 来 显示 数据 源 dsEmployee 中 的 数据 ,代码 
如 下 : 


运行 程序 ,效果 如 图 10-13 所 示 。 

3. 执行 更 新 命令 

SqlDataSource 还 支持 Insert、Update、Delete 等 数据 更 新 命令 的 执行 ,方法 是 定义 
InsertCommand、UpdateCommand 和 DeleteCommand。 下 面 的 示例 中 定义 了 一 个 可 更 新 
员工 信息 的 数据 源 。 


So: | enocda | Sls [x lS 
文件 ( 编 加 (查看 (WD 收 若 严 (和 工具 (D 帮助 中 
之 收藏 赤 。 乱 根 据 居住 地 查询 员工 信息 


下 mployeeID LastName FirstName Title City 
S Buchanan Steven Sales Manager L 
6 Suyama Michael Sales RepresentativeL 
7 King Robert Sales Representative 工 
9 Jemy Mouse SalesRepresentativel 
旗 成 | | | [| 由 nenet 后 -Ri05% -及 


图 10-13 根据 居住 地 查询 员工 信息 的 网 页 


这 里 ,更 新 命令 中 的 参数 名 字 不 是 随便 起 的 ,而 是 和 查询 命令 中 指定 的 字段 名 相 一 致 ， 
只 在 前 面 加 上 了 @ 符 号 ,这 样 就 不 用 再 专门 定义 参数 了 。 

向 页 面 上 添加 一 个 GridView 控件 ,设置 其 数据 源 为 dsEmployee, 并 在 其 智能 标记 中 选 
择 * 启 用 编辑 ?项 ,这样 网 格 的 最 左 侧 将 出 现 一 个 编辑 列 , 单 击 某 行 的 编辑 按钮 后 可 以 对 该 行 
数据 进行 更 改 , 如 图 10-14 所 示 。 当 单 击 * 更 新 ”按钮 时 ,GridView 会 自动 将 各 列 的 值 传递 
给 DataSource, 从 而 填充 UpdateCommand 的 各 个 参数 ,将 结果 保存 到 数据 库 。 

使 用 数据 源 控件 执行 插入 、 删 除 操作 的 方法 与 更 新 操作 类 似 ,这 里 不 再 详细 说 明 。 


/人 使 用 数据 源 更 新 数 磊 - Windows Internet Explorer 


GO we) htte://ocahost:1245/dsUpdate ,asp 


文件 (E) ”编辑 {E) ”查看 (收藏 来 (&) 工具 ID) 帮助) 


这 收 威 天 。 大 使 用 数据 涯 更 新 数据 


EmployeeID LastName FirstName Title City 

编辑 1 Davolio Nancy Sales Representative ”Seattle 

更 新 取消 2 [Funer ee [Vice President Sales [racoma 

编辑 3 Levering Sales Representative | 

编辑 4 Peacock 太守 Sales Representative ed 

编辑 Buchanan Steven Sales Manager London 

编辑 6 Suyama Michael Sales Representative 。 London 

编辑 7 King Robert Sales Representative 。 London 

编辑 $8 Callahan Laura Inside Sales Coordinatcr Seatte 

编辑 9 Jerry Mouse Sales Representative 。 London 

编辑 13 Cat Tom | 

编辑 14 Mouse Jerry | 
mE [7 


图 10-14 使 用 数据 源 更 新 数据 库 的 页 面 


10.2.3 使 用 ObjectDataSource 控件 


使 用 SqlDataSource 控件 通常 可 以 节省 大 量 的 数据 访问 代码 ,但 SqlDataSource 也 不 是 
万 能 的 , 它 牺 牲 了 很 多 的 效率 和 灵活 性 。 在 大 型 的 Web 应 用 中 ,通常 采用 n 层 体系 结构 的 
模式 ,页 面 中 不 会 硬 编码 SQL 语句 ,而 是 调用 业务 层 或 数据 访问 层 对 象 的 方法 实现 数据 处 
理 , 这 种 情况 下 就 要 使 用 ObjectDataSource 获得 更 大 的 灵活 性 。 
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1. 使 用 ObjectDataSource 执行 查询 

在 与 数据 打交道 时 ,推荐 的 做 法 是 将 数据 访问 逻辑 从 表示 层 分 离 出 来 ,形成 专门 的 数据 
访问 层 (DAL) ,由 页 面 调用 数据 访问 层 对 象 的 方法 来 操作 数据 库 ; 很 多 时 候 还 需要 在 表示 
层 和 数据 访问 层 之 间 再 增加 一 个 业务 层 , 负 责 处 理 核 心 的 业务 逻辑 ,这 样 就 形成 了 三 层 体系 
结构 。 在 多 层 体系 结构 中 ,各 层 之 间 通 常 使 用 业务 对 象 (或 称 值 对 象 ,只 封装 业务 数据 ,不 包 
含 处 理 代 码 ) 来 传递 数据 。 这 种 应 用 场合 中 ,就 要 使 用 ObjectDataSource 来 连接 前 端的 表 
示 层 与 后 端的 业务 层 或 数据 访问 层 。 

例 10-5 使 用 ObjectDataSource 控件 开发 员工 信息 查询 程序 。 

在 多 层 结构 的 应 用 程序 中 ,需要 先 定义 业务 对 象 类 和 数据 访问 类 。 这 些 类 通常 放 在 专 
门 的 类 库 项 目 中 ,也 可 以 在 网 站 的 应 用 程序 代码 目录 下 定义 ,本 例 使 用 第 二 种 方式 。 碳 击 网 
站 项 目 , 从 弹出 的 快捷 菜单 中 选择 “添加 ASP.NET 文件 夹 ?项 ,再 选择 APP_CODE 项 , 即 可 
看 到 网 站 下 名 称 为 APP_CODE 的 文件 夹 ,后 面 就 在 该 文件 夹 下 建立 应 用 类 。 

右 击 APP_CODE 文件 夹 ,从 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”, 从 打开 的 “模板 ”对 话 
框 中 选择 “类 ”, 并 输入 类 名 Employee, 单 击 “ 添 加 ”按钮 创建 Employee 类 ,然后 输入 如 下 
代码 ， 


可 以 看 出 ,在 该 业务 对 象 中 ,使 用 属性 封装 了 Employee 表 中 的 数据 。 
下 一 步 是 设计 数据 访问 层 对 象 ,其 基本 代码 框架 如 下 : 
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public int deleteemployee(int empid){ … } 

// 将 员工 信息 的 更 改 保存 到 数据 库 中 

public int updateemployee( int employeeID，string firstName, string lastName, string city) 
| 


最 后 再 建立 表示 层 页 面 , 取 名 objdsQry. aspx。 

在 页 面 上 放置 一 个 ObjectDataSource 控件 , 取 名 dsCity。 单 击 dsCity 的 智能 标记 , 选 
择 配 置 数据 源 ,打开 配置 向 导 。 选 择 EmployeeDB 类 作为 其 业务 对 象 , 再 选择 getcitys 方法 
为 其 Select 操作 所 关联 的 方法 ,这 样 当 需要 数据 时 ,dsCity 控件 会 自动 构造 EmployeeDB 对 
象 , 并 调用 其 getcitys 方法 操作 数据 库 ,将 结果 以 List<String 盖 的 形式 返回 。 

在 页 面 上 添加 一 个 下 拉 列 表 框 控件 , 取 名 ddlCity, 用 来 显示 城市 列表 。 在 ddlCity 的 智 
能 标记 中 单 击 “配置 数据 源 ”, 选 择 dsCity 为 其 数据 源 。 这 时 运行 该 页 面 , 可 以 看 到 城市 下 
列 列 表 框 中 已 经 可 以 填充 数据 了 。 

向 页 面 上 添加 一 个 ObjectDataSource 控件 , 取 名 dsEmployee。 从 其 智能 标记 中 选择 
“配置 数据 源 ”, 打 开 配 置 向 导 。 第 一 步 是 选择 业务 对 象 ,如 图 10-15 所 示 , 从 下 拉 框 中 选择 
EmployeeDB 项 。 单 击 “ 下 一 步 ” 按 钮 进入 如 图 10-16 所 示 的 定义 数据 方法 界面 ,选择 
getemployeesbycity 方法 为 其 数据 选择 方法 。 单 击 “ 下 一 步 ”按钮 进入 如 图 10-17 所 示 的 定 
义 参 数 页 面 ,这 里 要 为 getemployeesbycity 方法 中 的 参数 city 定义 数据 来 源 ; 选择 参数 源 
为 Control,ControlID 为 ddlCity, 单 击 “ 完 成 ”按钮 保存 配置 。 

向 页 面 上 添加 一 个 GridView 控件 , 取 名 gvEmployees, 从 智能 标记 中 为 其 选择 数据 源 
为 dsEmployee。 最 后 再 将 ddlCity 控件 的 AutoPostBack 属性 设置 为 True, 至 此 一 个 简单 
的 多 层 结构 应 用 程序 已 开发 完成 ,可 以 实现 按 居住 城市 查询 员工 信息 的 业务 逻辑 。 


配置 煞 括 源 - dsEmployee 21x] 


| 选择 业务 对 象 
. 


选择 可 以 用 于 检索 或 更 新 数据 的 业务 对 象 (全 | 各， 在 此 应 用 程序 的 Bin 或 App_Code 目录 中 定义 的 对 象 ) 


ED 完 W | 到 
用 


图 10-15 选择 业务 对 象 界面 


[EECTTTTTTT 


[eetemployeesbycty(sting cy) ,返回 List <Employee> 可 


图 10-16 定义 数据 方法 界面 


配置 数据 源 - dsEmployee 三 


10-17 ”定义 参数 界面 


2. 使 用 ObjectDataSource 执行 更 新 操作 

同 SqlDataSource 控件 一 样 ,ObjectDataSource 也 提供 了 对 可 更 新 绑 定 的 支持 。 

首先 需要 为 ObjectDataSource 控件 指定 UpdateMethod, 以 调用 业务 类 中 的 更 新 方法 ， 
示例 代码 如 下 : 
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更 重要 的 是 ,UpdateMethod 方法 要 有 正确 的 方法 签名 。 由 于 更 新 、 插 入 、 删 除 操作 都 
要 自动 从 链接 的 数据 绑 定 控件 中 获取 参数 的 集合 ,所 以 这 些 参 数 就 一 定 要 和 数据 访问 类 中 
相应 的 方法 参数 相 匹配 ,包括 参数 的 数量 名 称 和 类 型 等 。 

例 10-6 为 例 10-5 的 示例 增加 数据 更 新 的 功能 。 

(1) 首先 为 业务 类 EmployeeDB 增加 更 新 员工 信息 的 方法 : 


(2) 为 数据 源 配 置 数 据 更 新 方法 : 从 dsEmployee 的 智能 标记 中 选择 “配置 数据 源 " 项 ， 
在 定义 数据 方法 界面 中 为 Update 方法 选择 EmployeeDB 中 的 updateemployee 方法 ,如 
10-18 所 示 。 


10-18 为 dsEmployee 配置 数据 更 新 方法 


查看 源 代码 可 以 看 到 ,系统 不 但 为 dsEmployee 定义 了 UpdateMethod 属性 ,还 根据 
updateemployee 方法 的 原型 ,为 dsEmployee 定义 了 UpdateParameters 参数 集合 ,代码 
如 下 : 


< UpdateParameters> 
<asp:Parameter Name = "employeeid" Type = "Int32" /> 
<asp:Parameter Name = "firstname" Type = "String" /> 
<asp:Parameter Name = "lastname" Type= "String" /> 
<asp:Parameter Name = "city" Type = "String" /> 
</UpdateParameters > 


(3) 为 GridView 控件 配置 编辑 功能 : 从 gvEmployee 的 智能 标记 中 旬 选 “启用 编辑 ”" 复 
选 框 ,可 以 看 到 网 格 控件 的 最 左 侧 增加 了 编辑 列 。 

再 次 运行 程序 , 单 击 某 员工 左 侧 的 “编辑 ”按钮 进入 编辑 模式 ,更 改 数据 ,再 单 击 “ 更 新 ” 
按钮 ,可 以 看 到 更 改 内 容 已 经 保存 到 了 数据 库 。 

由 于 本 例 中 GridView 的 数据 来 自 于 Employee 的 集合 ,所 以 当 提交 编辑 时 ,GridView 
会 为 Employee 类 中 的 每 个 属性 创建 一 个 参数 (包括 EmployeeID、FirstrName、LastName 和 
City), 并 将 这 些 参 数 加 入 到 ObjectDataSource 的 UpdateParameters 集合 。 接 着 ， 
dsEmployee 在 EmployeeDB 类 中 查找 updateemployee 方法 去 执行 ,实现 数据 更 新 。 

可 以 看 出 ,UpdateMethod 方法 必须 具有 和 值 对 象 中 的 属性 名 字 完 全 相同 的 参数 。 例 
如 ,下 面 这 个 方法 是 匹配 的 : 


public void updateenployee( int employeeid, string firstname, string lastname, string city) 
而 下 面 这 个 方法 不 匹配 ,因为 参数 的 名 字 不 相同 : 

public void updateemployee( int id, string first, string last, string city) 
下 面 这 个 方法 也 不 匹配 ,因为 使 用 了 额外 的 参数 : 


public void updateemployee( int employeeid, string firstname, string lastname, string city, 
string title) 


方法 匹配 的 算法 不 区 分 大 小 写 , 并 且 也 不 考虑 参数 的 顺序 或 数据 类 型 ,只 是 寻找 具有 相 
同 参 数 个 数 以 及 参数 名 称 的 方法 。 只 要 有 这 样 的 方法 ,更 新 就 会 自动 提交 ,无 须 编写 额外 的 
代码 。 

如 果 要 使 用 ObjectDataSource 执行 Insert 或 Delete 操作 ,就 需要 配置 其 InsertMethod 
和 DeleteMethod, 并 且 在 业务 类 EmployeeDB 中 添加 对 应 的 方法 ,详细 操作 方法 请 参阅 
MSDN 文档 ,这 里 不 再 说 明 。 


10.3 ” 富 数 据 控件 


ASP.NET 提供 了 几 个 功能 强大 的 富 数 据 控件 ,可 以 帮助 用 户 以 最 小 的 代码 量 实现 强 
大 的 数据 展示 ,编辑 等 功能 ,前 面 章节 中 使 用 过 的 GridView 控件 就 是 其 中 之 一 ,类 似 这 样 
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的 控件 还 有 ListView DetailsView 和 FormView 等 。 

说 明 : 富 数 据 控件 发 展 较 快 ,在 ASP.NET 1.X 中 提供 了 DataGrid、DataList 和 
Repeater 三 个 控件 ,后 来 逐渐 被 2.0 及 以 上 版 本 中 的 GridView、DetailsView、FormView 以 
及 ListView 所 取代 ,1.X 中 的 原始 控件 继续 保留 ,但 开发 人 员 一 般 不 再 使 用 它们 。 


10.3.1 GridView 控件 


GridView 是 一 个 极为 灵活 的 网 格 控件 ,在 表 的 行 中 显示 记录 ,同时 还 提供 了 很 多 易 用 
的 特性 ,包括 数据 分 页 排序. 选择 以 及 编辑 等 ,是 一 个 名 副 其 实 的 全 能 型 控件 。 使 用 
GridView ,甚至 不 用 编写 任何 代码 ,就 能 实现 很 多 常用 的 功能 ,但 这 样 又 会 损失 很 多 的 灵活 
性 和 性 能 ,所 以 通常 都 要 对 GridView 进行 定制 及 编码 。 

1. 为 GridView 定义 列 

使 用 GridView 最 简单 的 方法 是 将 其 AutoGenerateColumns 属性 设置 为 True, 这 样 系 
统 会 自动 从 数据 源 中 获取 表格 的 架构 信息 ,并 按 各 字段 出 现 的 先后 顺序 依次 在 GridView 
中 为 所 有 字段 创建 列 。 这 样 做 显然 缺少 必要 的 灵活 性 ,如 无 法 改变 列 的 显示 顺序 或 隐藏 部 
分 列 。 为 解决 这 些 问 题 ,可 以 将 AutoGenerateColumns 属性 设置 为 False, 并 在 GridView 
的 二 Columns 之 节 中 自 定 义 列 。 

表 10-3 列 出 了 GridView 支持 的 几 种 类 型 的 列 , 列 标签 出 现 的 顺序 决定 了 列 在 
GridView 中 的 显示 顺序 。 


表 10-3 GridView 中 使 用 的 列 的 类 型 


列 描 述 
BoundField 显示 数据 源 中 指定 字段 的 文本 
CheckBoxField 对 于 真 / 假 型 字段 创建 一 个 选项 框 显 示 其 状态 
JmageField 显示 二 进 制 字段 中 的 图 像 数 据 
ButtonField 为 表格 中 的 每 个 行 创建 一 个 按钮 ,用 于 捕获 事件 并 编写 代码 
CommandField 为 表格 中 的 每 个 行 提供 选择 .编辑 等 常用 功能 的 按钮 
HyperLinkField 为 表格 中 的 每 个 行 创建 一 个 超 链 接 ,并 在 链接 中 显示 指定 内 容 
TemplateField 允许 自 定义 模板 来 显示 数据 或 创建 控件 ,为 开发 提供 最 大 的 灵活 性 


最 基本 的 列 类 型 是 BoundField, 绑 定 到 数据 对 象 的 某 个 字段 上 。 
例如 : 


<asp:BoundField DataField = "EmployeeID" HeaderText = "ID" /> 


这 将 定义 一 个 绑 定 列 , 绑 定 到 数据 源 中 的 EmployeeID 数据 项 上 ,标题 行 显示 为 ID。 

创建 GridView 后 ,使 用 智能 标记 为 其 设置 数据 源 , 然 后 单 击 * 刷 新 架构 ”, 系 统 会 自动 
为 数据 源 中 的 所 有 数据 项 创建 绑 定 列 。 用 户 也 可 以 手工 修改 列 对 象 的 属性 ,来 调整 列 的 标 
题 .显示 顺序 及 其 他 细节 。 例 如 , 当 暂 时 不 想 显 示 某 列 时 ,可 以 将 其 Visible 属性 设置 为 假 ， 
这 既 可 以 在 设计 时 设置 ,也 可 以 在 运行 时 通过 代码 设置 。 

在 绑 定 列 的 声明 中 ,可 以 使 用 表 10-4 所 示 的 常用 属性 。 


表 10-4 BoundField 中 的 常用 属性 


属 性 描 述 
DataField 本 列 中 要 显示 的 数据 项 的 字段 名 或 属性 名 
DataFormatString 格式 化 字符 串 , 用 于 控制 本 列 中 数据 的 显示 格式 
HeaderText 设置 本 列 的 标题 文本 
HeaderlmageUrl 设置 本 列 的 标题 图 像 
FooterText 设置 本 列 的 脚注 文本 
SortExpress 排序 表达 式 ,用 于 执行 基于 该 列 的 排序 
ReadOnly 当 记 录 处 于 编辑 模式 时 ,该 列 是 否 允许 修改 ,为 真 表示 不 允许 修改 
Vissible 该 列 是 否 显示 在 页 面 上 ,为 假 时 不 显示 


通过 D ataFormatString 属性 可 以 设置 列 中 数据 的 显示 格式 ,这 对 日 期 型 及 数值 型 数据 
的 显示 非常 有 用 。 
例如 : 


<asp:BoundField DataField = "UnitPrice" HeaderText = "Price" DataFormatString = "{0:C}" /> 


格式 化 字符 串通 常 由 一 个 占 位 符 和 格式 指示 器 组 成 ,被 包含 在 一 组 大 括号 中 。 本 例 中 
0 代表 要 格式 化 的 值 ,C 表示 采用 货币 格式 。 常 用 的 格式 化 字符 串 如 表 10-5 所 示 。 
表 10-5 常用 的 格式 化 字符 串 


数据 类 型 格式 化 串 作 用 示 例 
{0: C} 货币 格式 表示 $1,234. 50, 其 中 货币 符号 与 地 区 相关 
{0: E} 科学 计数 法 表示 1. 23450E 十 004 

数值 型 {0: P} 百分比 表示 45.6% 


对 123.4, 采 用 {0: F3} 格 式 化 为 123. 400, 而 采用 
{0: Fo} 则 格式 化 为 123 
{0: d} 使 用 短 日 期 格式 ”| 具体 格式 取决 于 区 域 设置 中 的 短 日 期 格式 


{0: F?} 固定 小 数位 数 


i {0: D} 使 用 长 日 期 格式 ”| 具体 格式 取决 于 区 域 设置 中 的 长 日 期 格式 
wows) ISO 标准 格式 yyyy-MM-ddTHH:mm:ss, 
例如 2011-07-20T10:00:23 
{0: M} 月 日 格式 MMMM dd ,例如 January 20 
{0: G} 一 般 格式 依赖 于 区 域 设 置 ,如 10/30/2011 10:00:23 AM 


这 些 格式 化 字符 串 不 只 在 GridView 中 使 用 ,在 其 他 很 多 场合 也 可 以 使 用 。 

在 许多 应 用 场景 中 ,通常 使 用 GridView 显示 概要 数据 列表 , 当 单 击 某 数据 项 时 ,再 导 
航 到 一 个 新 页 面 显 示 详 细 数 据 。 这 可 以 通过 使 用 HyperLinkField 列 简单 实现 ,请 看 如 下 
示例 。 

例 10-7 ”显示 员工 信息 列表 , 当 单 击 某 员 工时 ,导航 到 新 页 面 显示 详细 信息 。 

该 示例 需要 两 个 页 面 : 一 是 员工 概要 信息 浏览 页 面 ; 二 是 员工 详细 信息 显示 页 面 。 

(1) 新 建 员工 信息 浏览 页 面 hlfieldexam. aspx, 并 为 其 配置 一 个 数据 源 , 代 码 如 下 ， 


<asp:SqlDataSource ID = "dsEmployee" runat = "server" 
ConnectionString = "<% $ ConnectionStrings:nwconnstr $%>" 


数据 绑 定 
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SelectCommand = "SELECT PEmployeeID，LastName+ '' + FirstName Rs Name, City 
FROM Employees"> 
</asp:SqlDataSource> 


(2) 在 员工 信息 浏览 页 面 上 添加 一 个 GridView 控件 , 取 名 gvEmployee, 并 在 智能 标记 
中 为 其 选择 数据 源 dsEmployee。 这 样 ,系统 会 自动 为 其 添加 三 个 绑 定 字段 ,分 别 是 
EmployeeID .Name 和 City。 
(3) 在 gvEmployee 的 智能 标记 中 选择 “编辑 列 ”, 打 开 字段 设置 对 话 框 。 在 “ 选 定 的 字 
段 "列表 框 中 将 Name 绑 定 列 删 掉 。 然 后 在 “可 用 字段 ?列表 框 中 选择 HyperLinkField, 单 击 
“添加 ?按钮 ,将 其 添加 到 选 定 字段 中 ,并 调整 其 位 置 到 EmployeeID 字段 的 下 面 。 
(4) 单 击 新 添加 的 HyperLinkField 字段 ,在 右 侧 的 HyperLinkField 属性 框 中 设置 其 关 
键 属性 ,这 里 主要 有 三 个 属性 。 
。 DataTextField: 该 字段 要 显示 的 列 , 本 例 中 显示 用 户 名 ,所 以 设置 为 "Name”。 注 意 
数据 源 中 将 FirstName 和 LastName 拼接 在 一 起 命名 为 Name。 
。 DataNavigateUrlFormatString: 设置 超 链接 的 URL 格式 ,本 例 中 单 击 超 链接 时 要 
导航 到 empDetail. aspx 页 面 , 同 时 要 传递 当前 员工 的 EmployeeID 字段 过 去 ,所 以 
URL 格式 为 empDetail. aspx? id= 王 {0}。 这 里 使 用 *? id 二 10)” 来 传递 参数 。 
。 DataNavigateUrlFields: 设置 要 传递 的 参数 列表 ,本 例 中 只 传递 一 个 参数 , 即 
EmployeeID 列 的 值 , 所 以 该 属性 设置 为 EmployeeID 。 
设置 完成 后 ,在 浏览 器 中 访问 该 页 面 ,运行 效果 如 图 10-19 所 示 。 当 鼠标 指向 某 员工 的 
姓名 时 ,在 状态 栏 能 看 到 超 链 接 指 向 的 URL 字符 串 , 只 是 单 击 该 链接 还 无 法 跳 转 到 指定 页 
面 ,因为 还 没有 创建 员工 详细 信息 显示 页 面 。 
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图 10-19 员工 概要 信息 浏览 页 面 的 运行 效果 


(5) 创建 员工 详细 信息 显示 页 面 empDetail. aspx, 在 页 面 上 添加 一 个 数据 源 控件 ,声明 
如 


该 控件 能 够 根据 QueryString 中 传人 的 ID 值 从 数据 库 中 查询 指定 员工 的 详细 信息 。 

(6) 向 员工 详细 信息 页 面 上 添加 一 个 FormView 控件 ,设置 其 DataSourceID 属性 为 刚 
才 配置 的 dsEmployee 数据 源 , 系 统 会 自动 根据 数据 源 中 的 架构 为 FormView 创建 显示 
模板 。 

这 时 ,在 员工 信息 浏览 页 面 单 击 某 员 工 的 姓名 ,就 可 以 导航 到 该 员工 的 详细 信息 页 面 ， 
如 图 10-20 所 示 。 


员工 详细 信息 - Mozilla Firefox .=I9| x 


(So -ca cPllels st) 


EmployeeID: 1 

LastName: Davolio 

FirstName: Nancy 

Title: Sales Representative 
BirthDate: 1948-12-8 0:00:00 
Address: 507 - 20th Ave. E. Apt. 2A 
City: Seattle 

Country: USA 

HomePhone: (206) 555-9857 


10-20 员工 的 详细 信息 页 面 


2. 对 GridView 排序 

GridView 控件 提供 了 内 置 排序 功能 ,无 须 任何 编码 。 

为 启用 排序 ,需要 设置 GridView 的 AllowSorting 属性 为 真 ,并 且 为 每 个 可 排序 的 列 定 
义 排序 表达 式 。 排 序 表达 式 一 般 使 用 SQL 查询 中 Order By 子 句 的 形式 , 即 包含 一 个 或 一 
系列 用 逗号 分 隔 的 字段 名 ,每 个 字段 名 后 还 可 以 加 上 ASC 或 DESC 以 限定 升序 或 降序 排 
列 。 请 看 如 下 示例 : 
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<asp:BoundField DataField = "FirstName" HeaderText = "FirstName" 
SortExpression = "FirstName" /> 

<asp:BoundField DataField = "LastName" HeaderText = "LastName” 
SortExpression = "LastName" /> 

<asp:BoundField DataField = "Title" HeaderText = "Title" /> 


</Columns > 
</asp:GridView> 


<asp:SqlDataSource ID = "dsEmployee" runat = "server" 
ConnectionString= "<% $ ConnectionStrings:nwconnstr $%>" 
SelectCommand = "Select EmployeeID, FirstName, LastName, Title From Employees"> 


</asp:SqlDataSource> 


该 页 面 的 运行 效果 如 图 10-21 所 示 。 由 于 EmployeeID、FirstrName、LastName 列 都 设 
定 了 排序 表达 式 , 所 以 这 些 列 的 标题 栏 表现 为 LinkButton 的 样式 , 当 单 击 某 标题 栏 时 ,表格 
中 的 数据 会 按 该 列 排序 显示 , 若 再 次 单 击 该 列 标题 , 则 会 按 相反 顺序 重新 排列 显示 。 
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图 10-21 使 用 GridView 控件 排序 


说 明 : 将 GridView 绑 定 到 数据 源 控 件 , 并 在 智能 标记 中 为 GridView 启用 排序 后 , 系 
统 会 自动 为 所 有 的 绑 定 列 启用 排序 ,并 自动 将 排序 表达 式 设 置 为 该 列 绑 定 的 DataField 属 
性 。 若 想 使 某 列 不 可 排序 ,只 需 将 该 列 的 SortExpression 属性 值 清 空 即 可 。 

一 般 情况 下 ,真正 实现 排序 逻辑 的 是 数据 源 控件 而 不 是 GridView 控件 。GridView 只 
是 展示 数据 ,并 提供 事件 编程 的 接口 ; 若 数据 源 支持 排序 ,GridView 就 可 以 直接 利用 它 , 但 
若 数 据 源 不 支持 排序 ,用 户 也 可 以 捕获 GridView 的 Sorting 事件 并 自 定义 排序 方法 。 

并 非 所 有 的 数据 源 控件 都 支持 排序 ,例如 XmlDataSource 就 不 支持 ,而 SqlDataSource 
和 ObjectDataSource 就 支持 。SqlDataSource 默认 使 用 DataSet 架构 (而 不 是 DataReader) 
保存 数据 ,这 样 DataSet 中 的 每 个 DataTable 都 会 链接 到 一 个 DataView ,通过 DataView 可 
对 数据 进行 排序 。 当 用 户 单 击 排序 列 的 标题 栏 时 ,DataView 的 Sort 属性 就 被 设置 为 那个 
列 的 排序 表达 式 从 而 实现 排序 ,并 将 结果 绑 定 到 GridView 上 显示 。 


3. GridView 分 页 


当 GridView 中 要 呈现 的 记录 数量 较 多 时 ,一般 都 要 启用 分 页 。 


GridView 对 分 页 提供 内 建 的 支持 ,可 以 和 数据 源 控件 配合 使 用 实现 简单 的 分 页 ,也 可 
以 使 用 更 高 效 、 灵 活 的 方式 实现 自 定义 分 页 。 
GridView 提供 了 几 个 专 为 支持 分 页 而 设计 的 属性 ,如 下 : 
。 AllowPaging: 是 否 启用 绑 定 记录 的 分 页 ,默认 为 False。 
。 PageSize: 获取 或 设置 每 页 中 显示 的 记录 数 , 默 认为 10。 
。 PageIndex: 启用 分 页 时 ,获取 或 设置 当前 显示 页 的 序号 (从 0 开始 编号 ) 。 
。 PagerSettings: 一 组 分 页 控件 的 设置 项 ,决定 了 分 页 控件 出 现 的 位 置 及 它们 包含 的 
文本 、 图 片 等 。 默 认 这 些 分 页 控件 显示 在 页 面 底 部 ,显示 为 一 系列 数字 ,也 可 以 定制 
为 显示 “上 页 ”“ 下 页 ”等 文字 的 按钮 或 图 片 按钮 。 
。 PageIndexChanging 事件 : 当 单 击 了 分 页 按钮 时 发 生 , 可 以 捕获 该 事件 以 定制 分 页 
代码 。 
要 使 用 自动 分 页 ,只 需 将 AllowPaging 属性 设置 为 True( 这 时 将 显示 分 页 控件 ), 并 设 
置 PageSize 以 确定 每 页 显示 的 行 数 。 
例如 ， 


<asp:GridView ID = "gvEmployee" runat = "server" AllowPaging = "True" PageSize= "5”… > 


自动 分 页 可 以 和 任何 实现 了 ICollection 接口 的 数据 源 一 起 使 用 。 使 用 DataSet 模式 的 
SqlDataSource 就 支持 自动 分 页 ,而 使 用 DataReader 模式 时 则 不 支持 。 若 自 定 义 的 数据 访 
问 类 能 够 返回 实现 了 ICollection 接口 的 对 象 ,如 数组 、 强 类 型 的 集合 等 ,ObjectDataSource 
也 支持 自动 分 页 。 

尽管 自动 分 页 使 用 非常 方便 ,但 却 存在 固有 缺陷 ,无 法 减少 数据 库 查 询 的 数据 量 。 每 次 
当 改变 页 码 时 ,都 需要 获取 所 有 满足 条 件 的 记录 ,然后 绑 定 指定 页 的 数据 ,并 将 其 余数 据 丢 
弃 , 这 样 会 造成 数据 库 的 沉重 负荷 以 及 大 量 的 宛 余数 据 传输 。 使 用 数据 源 控件 时 ,缓存 机 制 
会 大 幅度 提高 自动 分 页 的 性 能 ,减少 连接 数据 库 的 次 数 ; 但 若 返 回 成 千 上 万 条 记录 ,也 会 消 
耗 大 量 的 内 存 。 这 时 就 应 考虑 使 用 自 定义 分 页 。 

自 定义 分 页 需要 编程 获取 指定 页 的 数据 并 绑 定 到 GridView。 既 可 以 使 用 ADO .NET 
数据 提供 程序 访问 数据 库 , 也 可 以 定制 ObjectDataSource 访问 数据 库 。 使 用 
ObjectDataSource 时 , 首先 要 设置 其 EnablePaging 属性 为 True, 然后 还 要 设置 其 
StartRowIndexParameterName 、 MaximumRowsParameterName SelectCountMethod 属性 。 

例 10-8 “列表 显示 员工 的 基本 信息 ,每 页 显示 5 条 记录 。 

(1) 开发 数据 访问 类 。 

自 定义 分 页 时 ,必须 要 有 专门 的 方法 计算 记录 总 数 ,以 确定 总 的 页 码 范 围 , 男 外 还 要 有 
方法 能 够 提取 指定 的 几 条 记录 ,这 两 项 任务 都 要 由 数据 访问 类 来 实现 ,代码 如 下 : 


// 计算 数据 表 中 的 记录 总 条 数 

public int countemployees() 

让 
int cnt = 0; 
using (SqlConnection conn = new SqlConnection(connstr)) 
{ 


数据 绑 定 
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检索 数据 的 方法 中 使 用 了 比较 复杂 的 SQL 语句 ,在 子 查 询 中 使 用 ROW_NUMBER 函 
数 为 每 一 条 满足 条 件 的 记录 生成 了 行 号 ,然后 在 主 查询 中 根据 行 号 检索 连续 的 几 条 记录 。 

说 明 : ROW_NUMBER 函数 为 SQL SERVER 2005 及 以 上 版 本 中 新 增 的 函数 ,在 低 版 
本 的 SQL SERVER 中 无 法 使 用 。 

(2) 声明 ObjectDataSource 数据 源 ,代码 如 下 : 


这 里 ,使 用 SelectCountMethod 属性 指定 了 计算 记录 总 数 的 方法 ,通过 SelectMethod 
属性 指定 了 检索 数据 的 方法 ,最 后 两 个 属性 为 检索 方法 提供 起 始 记录 号 和 该 页 的 记录 数 。 
(3) 创建 GridView 对 象 ,设置 其 数据 源 为 idsEmployee, 并 启用 分 页 ,代码 如 下 : 


<asp:GridView ID = "gvEmployee" runat = "server" AllowPaging = "True" PageSize= "5" 
DataSourceID = "dsEmployee”… > 
</asp:GridView> 


运行 程序 ,看 到 如 图 10-22 的 页 面 效 果 。 


=jDjxl 
SD fe neockda s/s |x wesere | 
文件 加 ”编辑 四。 查看 W)。 收藏 赤 多。 工具 帮助 名 
之 收 戌 天 。 次 自 定 义 分 页 


Employeeid Firstmame Lastname City 

1 Nancy Davolio Sales Representative 
And Fuller Vice President Sales 
Janet Levering Sales Representative 


2 

3 

4 Margaret Peacock Sales Representative 
5 Steven 。 Buchanan Sales Manager 

1 


厂 厂 厂矿 厂 册 nvanet 后-| 太 05% -元 


图 10-22 使 用 GridView 控件 建立 分 页 


4. 在 GridView 中 处 理 行 数据 

用 户 经 常 要 在 GridView 中 选择 某 一 行 ,然后 对 该 行 的 数据 进行 处 理 。 要 实现 这 样 的 
功能 ,需要 做 两 方面 的 工作 : 一 是 在 GridView 中 创建 命令 列 或 按钮 列 以 触发 行事 件 ; 二 是 
捕获 特定 的 事件 ,在 事件 过 程 中 编写 代码 进行 数据 处 理 。 

ButtonField 是 一 种 通用 的 按钮 列 , 可 在 GridView 中 创建 一 列 普通 的 按钮 对 象 ,所 有 按 
钮 都 共用 同一 个 命令 名 (由 其 CommandName 属性 指定 ) ,用 以 指定 当 该 按钮 被 单 击 时 将 触 
发 的 命令 。 针 对 GridView 的 行 , 通 常 可 以 触发 以 下 的 命令 : 

。 Delete: 删除 一 行 数据 。 

。 Edit: 编辑 一 行 数据 。 

。 Update: 使 用 更 改 的 数据 执行 更 新 。 

。 Cancel: 放弃 更 改 的 数据 。 

。 Select: 选择 一 行 数据 。 

当 单 击 ButtonField 中 的 某 个 按钮 时 ,将 触发 RowCommand 事件 ,开发 人 员 可 以 在 该 
事件 中 编写 代码 ,获取 命令 名 ,并 根据 命令 执行 相应 的 操作 。 当 命令 名 为 以 上 5 条 命令 之 一 
时 ,将 引发 相应 的 内 置 事件 ,包括 RowDeleting、RowDeleted、 RowEditing、 RowUpdating、 
RowUpdated .RowCancelingEdit、 SelectedIndexChanging、SelectedIndexChanged 等 ,要 处 
理 该 命令 ,就 可 以 选择 更 合适 的 事件 过 程 来 编写 代码 ,而 不 必 选 择 通用 的 RowCommand 事 
件 过 程 。 

为 简化 编程 ,GridView 还 提供 了 CommandField 列 , 包 装 了 上 面 列 出 的 5 条 常用 命令 。 


数据 绑 定 
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在 创建 CommandField 列 时 ,可 以 从 三 组 常用 命令 中 选择 一 种 , 即 编辑 更新、 取消 命令 ,或 
选择 命令 ,或 删除 命令 。 

对 于 ButtonField 和 CommandField ,其 按钮 都 有 三 种 样式 供 选 择 ,分 别 是 Button 样式 
(传统 的 按钮 形状 )、Link 样式 ( 超 链接 的 形式 ) 和 Image 样式 (图 片 按 钮 ), 可 以 通过 
ButtonType 属性 进行 设置 。 

以 下 通过 几 个 示例 说 明 如 何在 GridView 中 处 理 行 数据 。 

例 10-9 显示 员工 列表 ,当选 择 某 员工 时 ,在 列表 下 方 显示 其 所 有 的 订单 列表 。 

本 例 需要 创建 两 个 GridView, 一 个 显示 员工 列表 ; 另 一 个 显示 订单 列表 。 在 第 一 个 网 
格 上 捕获 行 选择 事件 ,然后 根据 所 选 行 的 EmployeeID ,在 Order 表 中 查询 订单 信息 并 绑 定 
到 第 二 个 网 格 上 显示 。 

(1) 创建 SelectCMD. aspx 页 面 ,添加 一 个 数据 源 控件 以 检索 员工 信息 ,声明 代码 如 下 : 


<asp:SqlDataSource ID = "dsEmployee" runat = "server" 

ConnectionString = "<% $ ConnectionStrings:nwconnstr %>" 

SelectCommand = "SELECT EmployeeID, LastName, FirstName, Title FROM Employees" > 
</asp:SqlDataSource> 


(2) 创建 第 一 个 网 格 控 件 , 命 名 为 gvEmployee, 设 置 其 数据 源 为 dsEmployee, 系 统 自动 
为 其 创建 几 个 绑 定 列 。 再 创建 第 二 个 网 格 控件 ,命名 为 gvOrder。 

(3) 从 gvEmployee 的 智能 标记 中 选择 “编辑 列 ”, 打 开 如 图 10-23 所 示 的 对 话 框 。 在 可 
用 字段 列表 框 中 单 击 CommandField 下 的 “选择 ”项 , 单 击 “ 添 加 ”按钮 ,将 创建 一 个 
CommandName 属性 为 Select 的 命令 列 。 移 动 该 列 到 合适 的 位 置 ,设置 其 HeaderText 属 
性 为 “查询 订单 ”。 


图 10-23 使 用 命令 列 


这 时 浏览 该 页 面 ,可 以 看 到 GridView 最 左 侧 的 命令 列 , 单 击 “ 选 择 ” 按 钮 时 没有 反应 ， 
这 是 因为 还 没有 处 理 它 的 行 选择 事件 。 
(4) 选择 gvEmployee 控件 ,在 属性 窗口 中 单 击 * 事 件 " 图 标 , 从 其 内 置 事件 列表 中 选择 


gvEmployee_SelectedIndexChanged 事件 (该 事件 将 在 GridView 中 选择 某 行 数据 时 被 触 
发 ) ,双击 ,建立 该 事件 过 程 ,如 图 10-24 所 示 。 


10-24 捕获 SelectedIndexChanged 事件 


(5) 在 打开 的 代码 窗口 中 ,建立 如 下 的 事件 过 程 代码 : 


再 次 运行 程序 , 单 击 某 员工 前 面 的 “选择 ”按钮 ,该 员工 的 订单 能 够 列表 显示 ,如 图 10-25 
所 示 


在 SelectedIndexChanged 事件 中 ,最 关键 的 一 步 是 获取 所 选 员工 的 ID 号 ,可 通过 两 种 
方式 实现 。 

方式 1: 若 在 gvEmployee 中 设置 EmployeeID 列 为 主键 列 , 则 可 以 在 当前 行 的 主键 中 
取得 EmployeeID, 代 码 如 下 : 


或 
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/在 Gridview 中 选择 行 并 显示 子 表 数 磊 - Windows Internet Explorer -Io|x| 


E&I? 


s/s 


SI 


文件 四 ”编辑 介 ”查看 W) 收藏 天 (和) 工具 名 玫 助 名 


遍 收藏 严 。 乱 在 ndview 中 选择 行 并 显示 子 表 数 需 


查询 订单 EmployeeID LastName FirstName Title 
选择 1 Davolio Nancy SalesRepresentative 
选择 2 Fuler And Vice President, Sales 
选择 3 Levering ”Janet Sales Representative 
选择 4 Peacock Margaret SalesRepresentative 
选择 5 Buchanan Steven Sales Manager 
选择 6 Suyama Michael SalesRepresentative 
选择 可 King Robert 。 Sales Representative 
选择 8 Callahan Laua Inside Sales Coordinator| 
选择 9 Jerry Mouse SalesRepresentative 
OrderID CustomerID OrderDate 

10258 ERNSH 1996-7-170:00:00 | 


10270 WARTH 
10275 MAGAA 


10285 
10292 


由 于 关系 表 中 通常 可 以 有 几 个 字段 联合 做 主键 ,所 以 当前 选择 行 的 主键 应 该 是 多 个 字 


QUICK 
TRADH 


1996-8-1 0:00:00 | 
1996-8-7 0:00:00 
1996-8-20 0:00:00 
1996-8-28 0:00:00 


国 
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图 10-25 显示 员工 及 其 订单 信息 的 页 面 


段 值 的 集合 .上面 两 种 方式 都 是 从 这 个 值 集合 中 取出 索引 0 位 置 的 值 返回 
方式 2: 对 于 非 主键 列 ,可 以 从 当前 选择 行 的 指定 单元 格 中 获取 值 , 代 码 如 下 : 


string eid = gvEmployee. SelectedRow.Cells[1].Text; 


使 用 SelectedRow 属性 可 以 获得 网 格 中 的 当前 选 定 行 , 
Cells 属性 访问 单元 格 集合 


格 ,最 后 通过 Text 属性 得 到 该 单元 格 的 数据 。 
例 10-10 手工 编写 代码 ,实现 员工 信息 的 编辑 操作 。 


前 面 的 示例 中 多 使 用 数据 源 控件 ,可 以 不 用 编写 代码 就 实现 很 多 功能 。 但 为 取得 更 好 


的 性 能 和 灵活 性 ,往往 会 使 用 ADO.NET 数据 提供 程序 定制 代码 。 


(1) 创建 EditEmployee. aspx 页 面 ,并 添加 GridView 控件 ,声明 代码 如 下 : 


<asp:GridView ID = "gvEmployee" runat = " server”RutoGenerateColumns = "False" 
onrowed iting = "gvEmployee RowEditing" 
onrowupdat ing = "gvEmployee RowUpdating"> 
onrowcancelingedit = "gvEmployee_ RowCancelingEdit" 
<Columns> 


<asp:CommandF ield HeaderText = 
<asp:BoundField DataField = "EmployeeID" HeaderText = "EmployeeID" 


ReadOnly= "True" /> 


"Edit" ShowEditButton = "True”/> 


<asp:BoundField DataField = "FirstName" HeaderText = "FirstName" /> 


该 行 由 多 个 单元 格 组 成 ,使 用 
定 要 访问 的 单元 格 序号 (从 0 开始 编号 ) 即 可 定位 到 指定 单元 


注意 : 这 里 声明 的 三 个 事件 过 程 如 下 。 

Onrowediting: 单 击 Edit 按钮 后 触发 ,通常 在 这 里 编码 使 GridView 进入 编辑 模式 

Onrowupdating: 当 编 辑 完 数据 并 单 击 Update 按钮 时 发 生 ,通常 在 这 里 编码 将 修改 保 
存 到 数据 库 中 。 

Onrowcancelingedit: 当 编 辑 过 程 中 单 击 Cancel 按钮 时 发 生 , 通 常 在 这 里 编写 代码 , 放 
弃 所 做 的 编辑 ,返回 到 浏览 模式 。 

(2) 显示 所 有 记录 。 

为 使 页 面 运行 时 能 自动 显示 所 有 员工 信息 码 , 通 常 使 用 Page_Load 事件 ,代码 如 下 : 


注意 : 在 Page_Load 方法 中 ,要 先 判 断 页 面 是 否 回 发 , 若 不 是 回 发 , 则 检索 并 绑 定 员工 
信息 到 GridView。 该 页 面 运 行 效果 如 图 10-26 所 示 。 

(3) 处 理 Edit 按钮 事件 。 

GridView 使 用 EditIndex 属性 指示 哪 条 记录 当前 应 处 于 编辑 模式 ,通常 情况 下 该 值 设 
置 为 一 1, 表 示 所 有 记录 都 处 于 浏览 模式 。 若 要 进入 编辑 模式 ,只 要 设置 EditIndex 属性 为 
要 编辑 记录 的 索引 号 ,并 重新 绑 定 一 次 数据 。 核 心 代码 如 下 : 
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站 
加 = [EY ht /rocahost. 2717/cCI 2 3 |B) | x | ve searon 只 |-| 


文件 加 ”编辑 回 ”查看 WW) 收 豪 夹 和) 工具 中 才 助 名 


视 收藏 天 。 大 更 以 员工 信息 


操作 ID FirstName Last Name Title 

Nancy Davolio Sales Representative 
Fuller Vice President. Sales 
Leverling Sales Representative 
Peacock Sales Representative 
Buchanan Sales Manager 
Suyama Sales Representative 
King Sales Representative 
Callahan Inside Sales Coordinator 


Jerrv Sales Renresentative | 
TTT nvanet 隔 >[ 甩 5% -及 


已 页 本 避 四 二 


Monseee 


图 10-26 使 用 GridView 显示 所 有 员工 信息 


编辑 模式 的 运行 效果 如 图 10-27 所 示 。 


本 
GD: 尼 ] http://locahost:2717/d= 埠 引 名 5| IB |X| yy uve searth ip|| 


文件 加 ”编辑 加 ”查看 WJ。 收 阅 夹 包工 具 D。 帮助 名 
这 收藏 天 。 赔 更 KR 员 工 信 息 


操作 了 First Name Last Name Title 

更 新 取消 1 Nancy [Davotio Sales Representative 
编辑 2 And Vice President Sales 
Janet Sales Representative 
Margaret Sales Representative 
Steven Sales Manager 

Michael Sales Representative 
Robert Sales Representative 
Laura Inside Sales Coordinator 


Te Ds 加 


同 忆 地 mwanet [而 = [所 105% -及 


上 


3 
4 
5 
6 
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图 10-27 编辑 模式 的 运行 效果 


(4) 处 理 Cancel 按钮 事件 。 
当 用 户 在 编辑 模式 下 单 击 Cancel 按钮 时 ,应 放弃 当前 所 做 修改 ,并 返回 到 浏览 模式 , 代 
码 如 下 : 


protected void gvEmployee RowCancelingEdit( object sender, 
GridViewCancelEditEventArgs e) 
gvEmployee. EditIndex =—1; 
bindgv(); 


(5) 处 理 Update 按钮 事件 。 
当 用 户 对 某 条 记录 编辑 完成 , 单 击 Update 按钮 时 ,一 般 要 将 更 改 保存 到 数据 库 中 ,并 
使 GridView 重新 进入 浏览 模式 。 核 心 代码 如 下 : 


该 方法 的 重点 是 获取 输入 的 数据 。 该 事件 过 程 中 系统 自动 传人 了 参数 e, 通 过 它 可 以 
获得 当前 正在 编辑 的 记录 的 索引 号 ,进而 可 以 在 网 格 中 找到 该 行 。GridView 中 的 每 一 行 都 
是 由 多 个 单元 格 构 成 ,所 以 要 在 单元 格 中 检索 数据 。 

对 于 后 三 个 字段 ,由 于 要 进行 编辑 ,数据 绑 定时 系统 会 在 各 自 单元 格 中 分 别 创建 文本 框 
(或 复 选 框 ) 来 绑 定数 据 ; 这 样 ,就 可 以 从 单元 格 中 还 原文 本 框 ,进而 得 到 其 文本 ; 注意 ,还 
原文 本 框 时 要 使 用 强制 类 型 转换 。 由 于 EmployeeID 为 主键 ,其 值 不 允许 修改 ,系统 不 会 为 
其 创建 文本 框 对 象 ,可 以 通过 单元 格 的 Text 属性 直接 获取 其 值 ,或 通过 主键 集合 获取 该 行 
的 主键 值 ,这 里 使 用 了 第 一 种 方法 。 

然后 保存 数据 ,并 进行 页 面 更 新 ,代码 如 下 : 
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注意 : 数据 保存 后 一 定 要 重新 绑 定 一 次 GridView ,否则 将 无 法 显示 任何 数据 。 

5. 在 GridView 中 使 用 模板 列 

使 用 数据 绑 定 控件 时 ,由 于 要 显示 的 数据 通常 包含 多 条 结构 类 似 的 记录 ,因此 ,经 常 使 
用 模板 (Template) 来 指定 单条 记录 的 显示 格式 ,然后 数据 绑 定 控件 自动 将 这 一 定义 好 的 模 
板 应 用 于 所 有 要 显示 的 记录 。 

GridView 控件 大 量 使 用 模板 ,前面 的 示例 中 使 用 了 多 种 系统 内 置 的 模板 。 若 要 完全 按 
自己 的 想法 来 布置 页 面 ,就 要 使 用 模板 列 (Template Field) 。 请 看 如 下 的 示例 。 

例 10-11 列表 显示 所 有 员工 的 详细 信息 。 

传统 的 GridView 模板 都 是 在 一 行 中 显示 一 条 记录 ,但 由 于 员工 信息 数据 项 较 多 ,而且 
有 的 数据 项 很 长 ,难以 在 表 行 中 显示 出 来 ,这 时 就 要 定制 模板 ,声明 代码 如 下 : 


图 10-28 显示 了 该 模板 的 运行 效果 。 

在 模板 列 中 可 以 加 入 任意 的 HTML 元 素 以 及 数据 绑 定 表达 式 等 ,完全 可 以 按照 自己 
的 方式 布置 一 切 。 当 执行 数据 绑 定时 .GridView 会 从 数据 源 中 获取 数据 并 循环 遍历 这 些 数 
据 项 目的 集合 , 它 为 每 个 项 目 处 理 ItemTemplate, 计 算 其 中 的 数据 绑 定 表达 式 并 将 值 插入 


这 使 用 模板 列 显示 员工 芒 息 - Windows Internet Explorer 


Ky Ee) hte:/ocahost:2717 /databndcts /TempLst.aspx Rd | [8] [| [x 篇 ws= [2l| 
文件 四 ”编辑 但 ”查看 WW) 收 诚 夹 凶 工具 四” 天助 册 
这 收 送 天。 次 使 用 模板 列 显示 员工 信息 


1- Nancy Davolio 


507- 20th Ave.E Apt 2A 
Seattle, USA 
(206) 555-9857 


Education includes a BA in psychology from Colorado State University in 1970. She also completed "The Art of the Cold Call” Nancyis a 
member of Toastmasters Intermational 


2- And Fuller 


908 W. Capital Way 

Tacoma USA 

(206) 555.9482 

Andrew received his BTS commercial in 1974 anda Ph D in intemational marketing from the University of Dallas in 1981 Heis fluent in 
French and talian and reads Geman. He jcined the company as a sales representative, was promoted to sales manager in January 1992 and 


to vice president of sales in March 1993. Andrew is a member of the Sales Management Roundtable, the Seattle Chamber of Commerce, and 
the Pacific Rim Importers Association. 


3- Janet Leverling 


722 Moss Bey Blvd 
Kirkland, U: 
(206) 555 让 
Janet has a BS degree in chemistry from Boston College (1984). She has also completed a certificate programin food retailing management. 
Janet was hired as a sales associate in 1991 and promoted to sales representative in February 1992 


10-28 列表 显示 所 有 员工 的 详细 信息 


到 HTML 中 。 

在 本 例 中 ,使 用 了 Eval 方法 计算 数据 绑 定 表 达 式 的 值 , 这 是 System. Web. UI. 
DataBinder 类 的 一 个 静态 方法 ,为 开发 带 来 了 极 大 的 便利 。 它 自动 读 取 绑 定 到 当前 行 的 数 
据 项 ,使 用 反射 机 制 找到 匹配 的 字段 或 属性 并 获取 值 。 另 外 , Eval 方法 中 还 允许 接收 格式 
化 字符 串 以 控制 数据 的 显示 格式 。 

例如 : 


<%# Eval("BirthDate", "{0 : MM/dd/yy}") %> 


可 以 针对 不 同 的 场景 定义 不 同 的 模板 。 例 如 ,针对 浏览 定义 一 个 只 读 的 模板 ,针对 浏览 
中 的 交替 项 显示 不 同 的 样式 ,为 编辑 状态 制定 可 读 写 的 模板 等 。 多 数 数据 绑 定 控件 都 提供 
了 相应 的 方法 ,能 够 在 不 同 状 态 之 间 切 换 , 并 自动 加 载 相应 的 模板 。 

常用 的 模板 类 型 如 下 : 

。 ItemTemplate: 普通 项 目 模板 ,用 于 浏览 状态 。 

。 AlternatingItemTemplate: 交替 项 模板 ,浏览 状态 下 可 使 用 该 模板 使 相 邻 的 两 行 数 

据 采用 不 同 的 样式 显示 ,增强 对 比 度 。 

。 EditItemTemplate: 编辑 项 模板 ,只 对 当前 EditIndex 指向 的 记录 起 作用 。 

。 HeaderTemplate: 表 头 的 模板 。 

。 FooterTemplate: 页 脚 的 模板 。 

下 面 的 示例 演示 了 使 用 EditItemTemplate 进行 数据 编辑 的 功能 。 


数据 绑 定 
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例 10-12 ”使 用 模板 列 编辑 员工 的 称谓 及 备注 信息 。 

此 例 中 ,称谓 只 能 从 *Mr. ”、“Dr. ”、“Ms. ”及 “Mrs. ”中 选择 一 个 ,备注 信息 较 长 ,要 使 用 
多 行文 本 框 编辑 。 

本 例 若 对 称谓 和 备注 字段 使 用 绑 定 列 ,那么 编辑 模式 下 将 显示 为 单行 文本 框 ,无 法 达到 
题目 要 求 ,所 以 这 里 使 用 模板 列 ,分 别 定 制 emTemplate 和 EditItemTemplate 模板 。 

页 面 声明 代码 如 下 : 


可 以 看 到 ,在 EditItemTemplate 中 :三 个 关键 字段 的 绑 定 方式 和 ItemTemplate 中 有 很 


大 的 区 别 。ItemTemplate 中 的 数据 绑 定 是 单 向 的 ,只 需 将 数据 源 的 数据 绑 定 到 控件 上 显 
示 , 不 需 回 传 控件 的 值 给 数据 源 ,这 种 绑 定 使 用 Eval 方法 即 可 。 在 EditltemTemplate 中 ， 
有 些 控件 还 要 将 更 改 后 的 值 回 传 给 DataSource 控件 ,以 便 能 够 以 这 些 数据 为 参数 执行 更 新 
语句 ,这 种 双向 传 值 的 情境 下 必须 使 用 Bind 方法 绑 定数 据 。 当 GridView 提交 更 新 时 ,只 提 
交 Bind 方法 绑 定 的 参数 ,所 以 Update 语句 的 所 有 参数 必须 以 Bind 方法 绑 定 , 和 否则 将 无 法 
接收 到 值 。 

对 于 EmployeeID 字段 ,由 于 只 是 显示 ,不 允许 更 改 , 所 以 只 需 定义 一 个 标签 控件 ,并 将 
字段 值 绑 定 到 标签 的 Text 属性 上 。 

对 于 称谓 字段 ,要 求 只 能 选择 而 不 能 输入 ,所 以 要 在 模板 中 为 其 创建 下 拉 框 。 下 拉 框 中 
的 选项 又 如 何 来 呢 ? 本 例 中 通过 DataSource 属性 ,将 一 个 字符 串 数组 绑 定 ,而 该 字符 串 数 
组 可 以 通过 页 面 的 属性 或 方法 定义 ,本 例 中 使 用 了 属性 ,代码 如 下 : 


protected string[ ] TitleOfCourtesy 


{ 
get 
return new string[ ] { "Mr.", "Dr.", "Ms.", "Mrs."}; 
} 
} 


下 拉 框 的 数据 绑 定 后 ,还 要 设置 员工 的 当前 称谓 信息 ,将 当前 员工 的 称谓 字段 值 绑 定 到 
下 拉 框 的 SelectedValue 属性 上 即 可 。 

对 于 备注 字段 ,创建 了 多 行文 本 框 , 并 将 字段 值 绑 定 到 文本 框 的 Text 属性 上 。 

为 支持 数据 更 新 ,在 GridView 中 还 定义 了 CommandField 列 。 页 面 运行 效果 如 
图 10-29 所 示 。 
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Edit Employees Information 
1-[Ms_ 司 Nancy Davolio 


Education includes a BA in psychology from Colorado State Jniversity in 
1970. She also completed "The Art of the Cold Call." 


2-Dr And Fuller 


908 W. Capital Way 

(206) 555-9482 

Andrew received his BTS commercial in 1974 and a Ph D. in international marketing from the University of 编辑 
Dallas in 1981. He is fluent in French and ltalian and reads German He joined the company as a sales te 
representative, was promoted to sales manager in January 1992 and to vice president of sales in March 1993. 
Andrew is a member of the Sales Management Roundtable. the Seattle Chamber of Commerce. and the 

Pacific Rim Importers Association 
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图 10-29 使 用 模板 列 编辑 信息 
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车 不 想 使 用 数据 源 控件 ,而 要 在 GridView 的 RowUpdating 事件 过 程 中 编码 实现 数据 
更 新 ,那么 ,可 以 在 GridView 行 上 调用 FindControl 方法 查找 指定 的 控件 ,然后 从 控件 中 取 
得 输入 值 。 这 种 情况 下 就 不 用 考虑 Eval() 绑 定 和 Bind() 绑 定 的 区 别 了 。 代 码 如 下 : 


说 明 : 使 用 GridViewRow 对 象 的 FindControl 方法 查找 控件 时 ,一 定 要 确保 方法 参数 
的 值 与 模板 上 该 控件 的 ID 属性 值 保持 一 致 。 

例 10-13 使 用 模板 列 实现 多 条 记录 的 批量 删除 。 

使 用 按钮 列 或 命令 列 可 以 在 GridView 的 每 行 显示 一 个 按钮 , 单 击 按钮 操作 该 行 数据 。 
有 了 时 需要 对 多 行 数据 进行 批量 操作 ,这 时 可 以 使 用 模板 列 在 每 行 显示 一 个 复 选 框 ,用 户 勾 选 
多 个 复 选 框 后 ,再 从 GridView 中 获取 所 有 选择 项 的 主键 ,进行 批量 操作 。 

该 示例 的 控件 声明 代码 如 下 : 


运行 效果 如 图 10-30 所 示 。 
当 单 击 “ 批 量 删除 ”按钮 后 ,首先 在 客户 端 弹出 确认 删除 对 话 框 ,用 户 选择 “确定 ”后 再 触 
发 服务 器 端的 事件 过 程 btndel_Click ,代码 如 下 : 


使 用 模板 列 的 数 磊 则 除 - W 


FF le noockda 
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图 10-30 使 用 模板 列 实现 多 条 记录 的 批量 删除 


该 段 代 码 首先 调用 getselectedids 函数 获取 所 有 被 选择 员工 的 代码 列表 ,然后 使 用 
StringBuilder 对 象 动态 构造 一 条 批量 删除 数据 的 SQL 语句 ,最 后 执行 删除 操作 (这 里 省 略 
代码 )。 

获取 所 有 被 选 员工 代码 的 函数 如 下 : 
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return list; 


} 


这 段 代码 中 同样 调用 了 GridViewRow 对 象 的 FindControl 方法 ,在 每 一 行 中 查找 复 选 
框 对 象 , 若 该 对 象 被 色 选 ,再 从 主键 列表 中 找到 该 行 数据 的 主键 ,添加 到 list 中 返回 。 需 要 
说 明 的 是 ,在 遍历 所 有 表 行 时 ,必须 要 先 判 断 该 行 是 不 是 数据 行 ,只 有 数据 行 才 可 以 从 中 查 
找 复 选 框 控 件 , 而 其 他 行 (Header、Footer 等 ) 则 略 过 。 


10.3.2 ListView 控件 


ListView 是 ASP.NET 3.5 及 以 上 版 本 中 新 增 的 一 个 控件 ,用 以 取代 ASP.NET 1.X 
中 的 Repeater 控件 。 它 是 一 个 非常 灵活 的 轻 量 级 的 控件 ,完全 根据 自 定 义 的 模板 来 呈现 内 
容 , 并 且 提供 了 对 选择 、 编 辑 等 高 级 特性 的 支持 。 使 用 ListView 最 常见 的 场景 是 为 了 创建 
特殊 的 布局 ,如 创建 在 一 行 中 显示 多 条 记录 的 表 , 或 彻底 脱离 基于 表格 的 呈现 。 

1.ListView 的 模板 

ListView 比 GridView 提供 了 更 多 的 模板 ,如 表 10-6 所 示 。 

表 10-6 ListView 中 可 以 使 用 的 模板 


列 描 述 
ItemTemplate 设置 所 有 数据 项 (没有 使 用 AlternatingltemTemplate 时 ) 或 奇数 行 数据 项 
(使 用 AlternatingltemTemplate 时 ) 的 内 容 和 格式 
AlternatingltemTemplate “和 ItemTemplate 配合 ,设置 偶数 行 的 内 容 和 格式 
ItemSeparatorTemplate 设置 在 项 目 中 间 绘 制 的 分 隔 符 的 格式 
SelectedItemTemplate 设置 当前 选 定 项 目的 模板 


EditltemTemplate 设置 数据 项 在 编辑 模式 下 的 模板 

InsertltemTemplate 设置 插入 新 项 目 时 使 用 的 模板 

LayoutTemplate 设置 包装 项 目 列表 的 布局 模板 

GroupTemplate 车 使 用 了 分 组 功能 , 则 设置 包装 项 目 组 的 模板 

GroupSeparatorTemplate ”设置 项 目 组 的 分 隔 符 格式 

EmptyDataTemplate 当 绑 定 的 数据 对 象 为 空 时 (没有 记录 或 对 象 ) ,使 用 该 模板 设置 提示 信息 


在 ListView 呈现 自身 时 , 它 首先 对 绑 定 的 数据 进行 迭代 ,为 每 个 数据 行 呈 现 
ItemTemplate; 然后 将 所 有 的 Item 都 放 到 LayOutTemplate 里 ,从 而 实现 布局 控制 。 

2. 在 ListView 中 呈现 数据 

在 Listview 中 设置 ItemTemplate 的 方法 与 GridView 类 似 , 所 以 这 里 主要 的 问题 是 如 
何 将 Item 添加 到 整体 布局 中 。 请 看 如 下 示例 。 

例 10-14 使 用 ListView 控件 显示 员工 的 信息 。 

ListView 控件 的 声明 代码 如 下 : 

<asp:ListView ID = "lvEmployee" runat = "server”DataSourceID = "dsEmployee"> 


<LayoutTemplate> 
< span id= "itempPlaceHolder" runat = "server"></span> 


可 以 看 出 ,ListView 中 至 少 要 定义 两 个 模板 : 项 目 模板 和 布局 模板 。 通 过 一 个 占 位 符 
将 项 目 添加 到 布局 中 ,这 个 占 位 符 可 以 是 各 种 各 样 的 HTML 元 素 , 但 其 ID 属性 一 定 要 用 
itemPlaceHolder, 并 且 runat 属性 必须 为 Server。 该 页 面 的 运行 效果 类 似 图 10-28 。 

3. 使 用 GroupTemplate 分 组 显示 数据 

有 时 要 在 一 行 中 显示 多 条 数据 ,这 就 要 通过 分 组 模板 来 实现 。 

例 10-15 使 用 ListView 显示 员工 的 信息 ,每 行 显示 三 个 员工 。 

ListView 控件 的 声明 代码 如 下 : 


该 页 面 的 运行 效果 如 图 10-31 所 示 。 
使 用 分 组 ,就 要 先 设置 ListView 的 GroupItemCount 属性 , 它 决 定 每 个 组 里 项 目的 个 
数 ,本 例 中 设置 为 3。 
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图 10-31 使 用 ListView 的 页 面 运行 效果 


有 了 组 ,就 在 数据 和 布局 之 间 有 了 一 个 中 间 层 ,要 将 数据 加 入 组 ,再 将 组 加 入 布局 中 。 
这 里 同样 使 用 了 占 位 符 , 将 名 称 为 groupPlaceholder 的 占 位 符 加 入 布局 模板 ,再 将 名 称 为 
itemPlaceholder 的 占 位 符 加 入 组 模板 ,最 后 再 定义 ItemTemplate。 

关于 ListView 的 高 级 特性 ,请 参阅 MSDN 文档 ,这 里 不 再 详细 介绍 。 


10.3.3 DetailsView 控件 


GridView 和 ListView 都 可 以 一 次 呈现 多 条 记录 ,但 有 时 会 要 求 呈 现 单条 记录 的 详细 
信息 ,这 时 可 以 使 用 DetailsView 或 FormView。 这 两 个 控件 都 是 每 次 显示 一 条 记录 ,同时 
包含 一 个 可 选 的 分 页 按钮 ,用 于 在 一 组 记录 间 导 航 ; 两 者 的 区 别 在 于 FormView 可 以 创建 
复杂 的 模板 ,使 用 更 加 灵活 ,DetailsView 使 用 简单 的 模板 ,相当 于 简 版 的 FormView。 

DetailsView 使 用 表格 布局 的 方式 ,每 次 显示 一 条 记录 ,将 每 个 数据 项 显示 在 表格 的 一 
行 中 。 当 DetailsView 被 绑 定 到 一 个 项 目 集合 上 时 ,将 显示 集合 中 的 第 一 个 项 目 ;， 若 将 
AllowPaging 属性 设置 为 真 , 它 还 会 自动 创建 一 组 分 页 控件 ,用 于 在 各 个 项 目 之 间 导 航 。 需 
要 说 明 的 是 ,使 用 DetailsView 控件 来 浏览 多 条 记录 可 能 会 存在 效率 问题 ,每 当 用 户 单 击 分 
页 控件 切换 记录 时 ,虽然 最 终 只 显示 指定 的 一 条 记录 ,但 系统 却 会 获取 所 有 满足 条 件 的 记 
录 , 会 造成 无 谓 的 数据 库 负 荷 ,实际 应 用 中 一 定 要 考虑 使 用 缓存 或 自 定义 分 页 的 方式 来 优化 
程序 。 

1. 为 DetailsView 定义 字段 

当 绑 定 到 数据 源 时 ,DetailsView 可 以 使 用 反射 的 机 制 自动 生成 所 有 字段 ,也 可 以 将 它 
的 AutoGenerateColumns 属性 设置 为 假 , 然 后 手工 定义 所 有 字段 。 可 以 像 定 义 GridView 
的 字段 一 样 为 DetailsView 定义 字段 ,只 不 过 GridView 的 字段 通常 显示 在 列 上 ,而 
DetailsView 的 字段 通常 显示 在 行 上 。 


例 10-16 使 用 DetailsView 控件 开发 一 个 员工 信息 浏览 器 。 
页 面 的 声明 代码 如 下 : 


<asp:DetailsView ID = "dvEmployee" runat = "server" AutoGenerateRows= "False" 
DataKeyNames = "EmployeeID" DataSourceID = "dsEmployee" AllowPaging = "True" > 
<Fields> 
<asp:BoundField DataField = "EmployeeID" HeaderText = "FmployeeID" /> 
<asp:BoundField DataField = "FirstName" HeaderText = "FirstName" /> 
<asp:BoundField DataField = "LastName" HeaderText = "LastName" /> 
<asp: BoundField DataField = "Address" HeaderText = "Address" /> 
<asp: BoundField DataField = "HomePhone" HeaderText = "HomePhone" /> 
<asp: BoundField DataField = "Notes" HeaderText = "Notes" /> 
</Fields> 
</asp:DetailsView > 
<asp:SqlDataSource ID= "dsEmployee" runat = "server" 
ConnectionString = "<% $ ConnectionStrings:nwconnstr %>" 
SelectCommand = " SELECTEmployeeID, FirstName, LastName, Address, HomePhone, 
Notes FROM Employees" > 
</asp:SqlDataSource> 


该 页 面 的 运行 效果 如 图 10-32 所 示 。 


加 
文件 加 “编辑 加 查看 WJ)。 收 栾 到 多 ”工具 中 帮助 td) 
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EmployeeID 1 

FirstName Nancy 

LastName Davolio 

Address 507 -20thAve.E Apt 2A 

HomePhone (206) 555-9857 

Education includes a BA in psychology from Colorado State 
University in 1970. She also completed "The Art of the Cold Call” 
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图 10-32 使 用 DetailsView 控件 的 页 面 运 行 效果 


在 DetailsView 中 同样 可 以 使 用 HyperLinkField、ButtonField、CommandField、 
TemplateField 等 ,其 使 用 方法 及 编程 模型 和 GridView 基本 相同 ,这 里 不 再 过 多 说 明 。 

2. 在 DetailsView 中 进行 记录 操作 

DetailsView 控件 不 仅 能 够 浏览 数据 ,还 支持 数据 的 插入 ,删除 以 及 编辑 操作 。 只 要 设 
置 其 AutoGenerateInsertButton、AutoGenerateEditButton 及 AutoGenerateDeleteButton 
属性 值 为 真 ,系统 就 会 自动 在 DetailsView 的 底部 增加 一 行 链接 按钮 ,提供 相应 的 功能 。 当 
单 击 “ 删 除 ” 按 钮 时 ,系统 立刻 执行 删除 操作 ; 当 单 击 “插入 ?或 “编辑 按钮 时 ,系统 会 进入 编 
辑 状 态 , 人 允许 添加 新 记录 或 修改 当前 记录 。 


DetailsView 共 提 供 了 三 种 操作 模式 , 即 只 读 模 式 .插入 模式 和 编辑 模式 。 默认 “| 1 
DetailsView 使 用 只 读 模式 ,只 能 浏览 而 不 能 更 改 数据 ; 可 以 通过 CurrentMode 属性 获取 当 章 
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前 的 模式 ,并 通过 ChangMode 方法 改变 当前 模式 。 

在 插入 或 编辑 模式 下 ,DetailsView 使 用 标准 的 文本 框 来 接收 数据 ,如 图 10-33 所 示 。 

在 编辑 模式 下 若 切换 记录 ,新 显示 的 记录 也 处 于 编辑 模式 ; 若 想 改变 这 种 行为 方式 ,可 以 捕 
获 PageIndexChanged 事件 ,在 其 中 调用 ChangeMode 方法 将 其 改 为 只 读 模式 。 

LI 车 
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图 10-33 ”DetailsView 用 来 接收 数据 的 标准 文本 框 


10.3.4 FormView 控件 


若 想 完全 控制 单条 记录 显示 及 编辑 的 样式 ,可 以 使 用 FormView 控件 , 它 完全 依赖 于 模 
板 ,提供 最 大 的 灵活 性 。 

同 GridView 类 似 ,在 FormView 的 模板 列 中 可 以 使 用 ItemTemplate 、EditltemTemplate 、 
InsertItemTemplate 、 EmptyData Template 、 HeaderTemplate 、FooterTemplate 及 PagerTemplate 
等 模板 。 

例 10-17 使 用 FormView 开发 一 个 员工 信息 的 增删 改 查 程序 。 

为 简单 起 见 , 本 例 中 只 处 理 EmployeeID、FirstName、 LastName、 TitleOfCourtesy 和 
Notes 等 几 个 数据 项 。 

(1) 首先 建立 两 个 数据 源 , 声 明代 码 如 下 : 


<asp:SqlDataSource ID = "dsEmployee" runat = "server" 
ConnectionString= "<% $ ConnectionStrings:nwconnstr %>" 
SelectCommand = "SELECT EmployeeID, FirstName, LastName, TitleOfCourtesy, 
Notes FROM Employees" 
UpdateCommand = "Update Employees set FirstName = (@firstname, 
LastName = @ lastname, TitleOfCourtesy = (@titleofcourtesy, Notes= @notes 
Where EmployeeID = (@employeeid" 
InsertCommand = "INSERT INTO Employees( LastName, FirstName, TitleOfCourtesy, 
Notes) VALUES (@lastname, @firstname, @titleofcourtesy, @notes)" 
DeleteCommand = "Delete From Employees Where EmployeeID = (@employeeid"> 
</asp:SqlDataSource> 
<asp:SqlDataSource ID = "dsTitle" runat = "server" 
ConnectionString= "<% $ ConnectionStrings:nwconnstr %>" 
SelectCommand = "SELECT distinct TitleOfCourtesy FROM Employees"> 


</asp:SqlDataSource> 


第 一 个 数据 源 提 供 了 对 Employees 表 的 增删 aj 
改 查 命令 ,第 二 个 数据 源 获 取 称谓 信息 ,以 便 在 编 《三国 = [mee |B|[eme 
辑 模板 中 填充 员工 称谓 下 拉 框 。 文件 加。 编辑 日。 查看 W)。 收藏 天 工具 上 中。 大 肌 > 

(2) 向 页 面 上 添加 一 个 FormView 控件 ,设置 、P 关 2 多 
其 DataSourceID 为 刚才 建立 的 dsEmployee 数据 Re 
源 , 并 设置 其 AllowPaging 属性 为 真 ,在 其 智能 标记 | LastName:|Mrs 
中 单 击 * 刷 新 架构 "按钮 。 切 换 到 源 代码 视图 下 ,可 “| Toomesy Me 


更 新 取消 
以 看 到 系统 已 经 为 FormView 自动 生成 了 | 123456789 
InsertTemplate 、EditTemplate 及 ItemTemplate 模板 。 册 本地 Invanet [有 ~[ 太 105% 及 4 
这 时 运行 该 页 面 ,编辑 状态 下 的 效果 如 图 10-34 图 10-34 编辑 状态 下 的 页 面 效果 


所 示 。 


可 以 看 到 ,系统 自动 为 所 有 可 编辑 列 创建 TextBox 以 编辑 数据 。 为 避免 输入 错误 的 称 
谓 , 和 希望 能 够 从 下 拉 列 表 中 选择 TitleOfCourtesy, 需要 对 EditItemTemplate 以 及 
InsertItemTemplate 进行 定制 。 


(3) 定制 FormView 中 的 模板 声明 ,详细 如 下 : 


<asp:FormView ID = "FormViewl" runat = "server" DataKeyNames = "EmployeeID" 
DataSourceID = "dsEmployee" AllowPaging= "True"> 
<EditItemTemplate > 
EmployeeID: <asp:Label ID = "EmployeeIDLabell" runat = "server" 
Text =-<% # Eval("EmployeeID") $%> /><br /> 
FirstName: <asp:TextBox ID = "FirstNameTextBox" runat = "server" 
Text =-<%# Bind("FirstName") %>/><br /> 
LastName: <asp:TextBox ID = "LastNameTextBox" runat = "server" 
Text =-<% # Bind("TitleOfCourtesy") %>/><br /> 
TitleOfCourtesy: <asp:DropDownList ID = "ddltitle" runat = "server" 
DataSourceID = "dsTitle" DataValueField = "TitleOfCourtesy" 
SelectedValue =<%# Bind("TitleOfCourtesy") %>/><br /> 
<asp:LinkButton ID= "UpdateButton" runat = "server" CausesValidation= "True" 
CommandName = "Update" Text = "更 新 " /> gnbsp; 
<asp:LinkButton ID= "UpdateCancelButton" runat = "server" 
CausesValidation = "False" CommandName = "Cancel" Text = "取消 " /> 
</EditItemTemplate> 
< InsertItemTemplate> 
FirstName: < asp:TextBox ID = "FirstNameTextBox" runat = "server" 
Text =-<% # Bind("FirstName") %$>/><br /> 
LastName: < asp:TextBox ID = "LastNameTextBox" runat = "server" 
Text =<<% 井 Bind("LastName") %$>/><br /> 
TitleOfCourtesy: <asp:DropDownList ID = "ddltitle" runat = "server" 
DataSourceID = "dsTitle" DataValueField = "TitleOfCourtesy" 
SelectedValue =-<%# Bind("TitleOfCourtesy") %>/><br/> 
<asp:LinkButton ID= "InsertButton" runat = "server" CausesValidation = "True" 
CommandName = " Insert" Text = "插入 " /> gnbsp; 
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<asp:LinkButton ID= "InsertCancelButton" runat = "server"” 
CausesValidation = "False" CommandName = "Cancel" Text = "取消 " /> 
</InsertItemTemplate> 
< ItemTemplate> 
EmployeeID: <% # Eval("EmployeeID") #><br /> 
FirstName: <%# Eval("FirstName") %><br /> 
LastName: <$ # Eval("LastName") $><br /> 
TitleOfCourtesy: <% # Eval("TitleOfCourtesy") $>< br /> 
<asp:LinkButton ID= "EditButton" runat = "server" CausesValidation = "False" 
CommandName = "Edit"” Text = "编辑 " /> gnbsp; 
<asp:LinkButton ID = "DeleteButton" runat = "server" CausesValidation = "False" 
CommandName = "Delete" Text = "删除 " /> gnbsp; 
<asp:LinkButton ID= "NewButton" runat = "server" CausesValidation= "False" 
CommandName = "New" Text = "新 建 ”/> 
</ItemTemplate> 
</asp:FormView> 


可 以 看 到 ,在 编辑 和 插入 模板 中 定义 了 
DropDownList 控件 , 其 DataSourceID 属性 设置 为 GO- [四 "oc 可 [区 用 Fomven 寺 克 ; 
dsTitle, 这 样 可 以 自动 从 数据 库 中 获取 所 有 称谓 ,其 。 “ 交 名 加。 罗 四 ”三 看 WW 收 闪 国 ”工具 外” 开 出 ” 
SelectedValue 属性 绑 定 到 了 数据 项 TitleOfCourtesy 车 ”BBromeries | | 


上 ,保证 了 保存 数据 时 下 拉 框 的 选项 值 可 以 回 传 给 “| EmpleyeeIp:1 


FirstName:[Nancy 
dsEmployee 数据 源 。 更 改 后 的 编辑 模板 运行 效果 | rename ws 一 一 一 一 
如 图 10-35 所 示 。 a 


从 示例 中 还 可 以 看 到 , FormView 控件 也 支持 “| 123456789 
只 读 , 插 入 和 编辑 三 种 模式 ,也 可 在 各 种 模式 之 间 切 ”全 nvanet EEC 
换 。 但 与 GridView 及 DetailsView 不 同 的 是 ， 
FormView 不 支持 自动 创建 按钮 列 (CommandField)， 
必须 手工 创建 各 种 按钮 对 象 。 注 意 , 在 ItemTemplate 中 创建 了 编辑 ,删除 和 新 建 三 个 按钮 ,在 
编辑 模板 中 创建 了 更 新 和 取消 两 个 按钮 ,在 插入 模板 中 创建 了 插入 和 取消 两 个 按钮 。 可 以 
使 用 Button 或 LinkButton 创建 按钮 ,所 有 按钮 的 CommandName 属性 必须 设置 为 合适 的 
值 ,这 样 才能 触发 相应 的 事件 ,自动 进行 模式 切换 。 常 用 的 命令 名 如 表 10-7 所 示 。 


表 10-7 FormView 的 命令 按钮 中 可 以 使 用 的 CommandName 值 


图 10-35 更改 后 的 编辑 模板 运行 效果 


命 学 作 用 
Edit 适用 于 ItemTemplate, 从 只 读 模 式 切换 到 编辑 模式 以 编辑 当前 项 
Cancel 适用 于 EditItemTemplate 和 InsertItemTemplate ,在 编辑 或 插入 模式 下 放弃 
数据 ,返回 到 只 读 模 式 
Update 适用 于 EditItemTemplate, 将 编辑 后 的 数据 保存 下 来 ,并 返回 只 读 模 式 
New 适用 于 ItemTemplate, 插 入 一 条 新 数据 并 转 入 编辑 模式 
Insert 适用 于 InsertItemTemplate, 将 插入 的 数据 保存 下 来 ,并 返回 只 读 模 式 


Delete 适用 于 ItemTemplate, 直接 删除 当前 项 


10.4 习题 与 上 机 练习 


1. 选择 题 
(1) 为 将 页 面 的 PageNum 属性 值 绑 定 到 某 Label 控件 上 显示 , 需 设 置 该 控件 的 Text 
属性 为 ( ) 数 据 绑 定 表达 式 。 
A. <=%# PageNum %> B. <%$ PageNum %> 
C. <%# Eval("PageNum") %> D. <=%# Bind("PageNum") %> 
(2) 在 绑 定 了 数据 源 的 Repeater 对 象 中 ,系统 会 自动 提供 ( ) 对 象 ,可 以 使 用 该 对 象 
的 Eval 方 法 从 指定 的 列 中 检索 数据 。 


A. Container B. DataBinder 
C. DataReader D. DataTable 
(3) 在 DataList 控件 中 ,对 任何 一 个 按钮 单 击 时 ,都 会 触发 ( ) 事 件 。 
A. EditCommand B. ItemCommand 
C. CancelCommand D. SelectCommand 
(4) 在 使 用 DataView 对 象 进行 筛选 和 排序 等 操作 之 前 ,必须 指定 一 个 ( ) 对 象 作为 
DataView 对 象 的 数据 来 源 。 
A. DataTable B. DataGrid 
C. DataRows D. DataSet 
(5) 在 包含 多 个 表 的 DataTable 对 象 的 DataSet 中 ,可 以 使 用 ( ”) 对 象 来 使 一 个 表 和 
另 一 个 表 相 关联 。 
A. DataRelation B. Collections 
C. DataColumn D. DataRows 


(6) 在 GridView 控件 中 设 定 显 示 学 生 的 学 号 ,姓名 ,出 生日 期 等 字段 。 现 要 将 出 生日 
期 设 定 为 短 日 期 格式 , 则 应 将 数据 格式 表达 式 设 定 为 ( hs 


A. {0:d) B. {0:c} 
C. {0:yy-mm-dd} D. {0:p} 
(7) XMLDateSource 与 SiteMapDataSource 数据 源 控件 能 够 用 来 访问 ( ) 。 
A. 关系 型 数据 B. 层次 性 数据 
C. 字符 串 数 据 D. 数值 型 数据 
2. 简 答题 


(1) 试 举例 说 明 如 何 计算 一 个 表达 式 的 值 , 并 将 其 绑 定 到 Label 控件 上 显示 出 来 。 

(2) 构造 一 个 课程 的 集合 ,每 门 课程 包含 课程 号 .课程 名 .学 时 等 数据 项 ; 在 页 面 上 添 
加 一 个 课程 列表 框 ,能够 显示 集合 中 所 有 课程 的 名 称 , 但 提交 所 选 的 课程 号 。 请 写 出 代码 。 

(3) ASP.NET 2.0 的 数据 源 控件 起 什么 作用 ? 

(4) ASP.NET 2.0 共 提供 了 哪 几 种 类 型 的 数据 源 控件 ?分 别 在 什么 场合 下 使 用 ? 

(5) 在 SqlDataSource 配置 中 使 用 命令 参数 时 ,可 采用 哪 几 种 方式 获得 参数 值 ? 举例 
说 明 。 

(6) 在 访问 关系 数据 库 的 应 用 中 ,使 用 SqlDataSource 有 什么 局 限 性 ? 为 什么 要 使 用 
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ObjectDataSource? 

(7) 试 比 较 GridView 、DetailView、FormView 和 ListView 四 种 控件 的 特点 ,并 分 别 说 
明 每 种 控件 的 用 途 。 

(8) 使 用 GridView 控件 显示 大 量 数据 时 为 什么 要 采用 自 定义 分 页 ? 请 深入 分 析 其 原 
因 , 并 举例 说 明 如 何 实 现 自 定义 分 页 控制 。 

(9) 在 处 理 GridView 的 行 数据 时 ,通常 可 以 使 用 哪些 行 命令 ? 分 别 会 触发 哪些 行 
事件 ? 

(10) GridView 的 模板 列 中 ,可 以 使 用 哪些 常用 的 模板 类 型 ? 分 别 代表 什么 ? 

(11) 在 模板 列 中 ,使 用 Eval() 和 Bind() 方 法 都 可 以 绑 定 到 数据 项 , 试 比较 两 种 用 法 的 
异同 。 

3. 上 机 练习 

接 第 9 章 的 上 机 练习 题 。 

以 管理 员 身 份 登录 系统 后 ,进入 用 户 信 息 管理 界面 ,实现 用 户 信息 的 编辑 (删除 、 编 辑 、 
查询 )。 用 GridView 数据 绑 定 控件 实现 。 


第 11 章 Web Service 技术 


网 络 发 展 到 今天 ,没有 一 个 概念 能 像 Web Service 这 么 快 地 流行 起 来 并 引起 广泛 关注 
的 了 。 特 别 是 越 来 越 多 的 商业 机 构 希 望 把 它们 的 企业 运营 集成 到 分 布 式 应 用 软件 环境 中 ， 
如 网 上 支付 .网 上 购物 .网 上 订 票 和 网 上 炒股 等 就 需要 一 个 基于 Internet 开发 标准 的 分 布 计 
算 模式 。 这 种 分 步 计 算 模 式 必须 独立 于 提供 商 \ 平 台 和 编程 语言 ; 同时 , 它 必须 易于 实现 和 
发 布 应 用 程序 。 这 就 使 得 Web Service 技术 应 运 而 生 了 。 


11. 1 Web Service 的 概念 


11.1.1 Web Service 的 定义 和 概念 


关于 Web Service, 有 很 多 种 不 同 的 概念 和 定义 ,它们 都 是 站 在 不 同 的 角度 给 出 的 。 下 
面 分 别 列 出 一 些 概念 和 定义 ,以 帮助 读者 深入 理解 Web Service。 

(1) Web Service 是 一 种 跨 编程 语言 和 跨 操作 系统 平台 的 远程 调用 技术 。 

所 谓 远 程 调 用 ,就 是 计算 机 A 上 的 程序 可 以 调用 另 一 台 计算 机 B 上 的 某 个 对 象 的 方 
法 。 例 如 ,银联 提供 给 商场 的 POS 刷卡 系统 。 还 有 ,亚马逊 网 站 amazon. com、 天 气 预 报 
系统 .淘宝 网 .校内 网 .百度 等 ,它们 把 自己 的 系统 服务 以 Web Service 服务 的 形式 暴露 
出 来 ,让 第 三 方 网 站 和 程序 可 以 调用 这 些 服务 功能 ,这 样 就 扩展 了 自己 系统 的 市 场 占 
有 率 。 

所 谓 跨 编程 语言 和 跨 操作 平台 ,就 是 说 服务 端 程序 采用 java 编写 ,客户 端 程序 采用 其 
他 编程 语言 ; 反之 亦 然 , 跨 操作 系统 平台 则 是 指 服务 端 程序 和 客户 端 程序 可 以 在 不 同 的 操 
作 系 统 上 运行 。 

(2) Web Service 是 一 个 专用 的 软件 系统 ,其 目的 是 支持 跨 网 络 的 计算 机 间 互 操作 。 这 
就 是 说 ,Web Service 可 以 看 做 Web 应 用 程序 的 编程 接口 。 

具体 来 说 ,网 站 可 看 做 向 人 们 提供 各 种 信息 服务 的 聚合 体 ,网 站 的 服务 通过 Web 
Service 来 表达 。 每 个 网 站 都 可 以 将 它 向 外 界 所 提供 的 服务 封装 为 一 个 或 多 个 Web 
Service, 其 他 网 站 或 Web 程序 可 以 通过 调用 这 些 Web Service 来 使 用 此 网 站 所 提供 的 
功能 。 

例如 , 某 天 气 预报 网 站 需要 为 人 们 提供 各 地 的 天 气 情 况 ,但 并 不 需要 自己 维护 一 个 庞大 
的 全 球 气象 数据 库 。 因 为 ,如 果 世 界 各 地 的 气象 局 网 站 都 以 Web Service 方式 提供 实时 的 
气象 信息 查询 服务 ,那么 该 网 站 就 可 以 根据 目的 地 有 针对 性 地 查询 特定 地 区 的 气象 局 网 站 ， 
然后 将 收 到 的 气象 信息 加 工 后 返回 给 客户 端 浏 览 器 。 
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(3) Web Service 是 松散 耦合 .可 复 用 的 软件 模块 ,从 语义 上 看 , 它 封装 了 离散 的 功能 ， 
在 Internet 上 发 布 后 能 够 通过 标准 的 Internet 协议 在 程序 中 访问 。 

第 一 , Web Service 是 可 复 用 的 软件 模块 。 基 于 组 件 的 模型 允许 开发 者 复 用 他 人 创建 
的 代码 模块 ,组 成 或 扩展 它们 ,形成 新 的 软件 。 

第 二 ,这 些 软件 模块 是 松散 耦合 的 。 传 统 的 软件 设计 模式 要 求 各 单元 之 间 紧 密 连 接 , 这 
种 连接 一 旦 建立 ,很 难 把 其 中 一 个 元 素 取 出 并 用 另 一 个 元 素 代 蔡 ; 相反 ,松散 耦合 的 系统 ， 
只 需要 很 简单 的 协调 ,并 允许 更 加 自由 的 配置 。 

第 三 , Web Service 封装 了 离散 的 功能 。 一 个 Web Service 就 是 一 个 自 包含 的 "小 程 

”, 完 成 单个 任务 。Web Service 的 模块 使 用 其 他 软件 可 以 理解 的 方式 描述 输入 和 输出 ， 

其 他 软件 知道 它 能 做 什么 ,如 何 调用 它 以 及 返回 什么 样 的 结果 。 

第 四 ,Web Service 可 以 在 程序 中 访问 。Web Service 不 需要 图 形 化 的 用 户 界面 , 它 在 
代码 级 工作 ,可 以 被 其 他 软件 调用 并 交换 数据 。 

第 五 ,Web Service 是 在 Internet 上 发 布 的 ,使 用 HTTP 协议 。 

(4) Web Service 有 时 被 称 为 XML Web Service ,人 允许 通过 一 个 应 用 程序 向 另 一 个 应 用 
程序 发 送 XML 消息 ,实现 数据 交换 和 方法 的 远程 调用 。Web Service 使 用 多 种 标准 ,使 得 
大 多 数 应 用 程序 都 可 以 读 这 些 消 息 。 


11.1.2 Web Service 的 基本 将 征 


Web Service 实际 上 是 一 种 应 用 程序 ,使 用 HTTP 协议 在 网 上 提供 函数 接口 ,能够 让 不 
同 的 应 用 程序 之 间 进 行 交互 操作 , 即 用 户 可 以 从 任何 地 方 调用 Web Service。 

概括 起 来 ,Web Service 具有 以 下 特征 : 

(1) Web Service 是 分 布 式 的 、 可 复 用 的 Web 应 用 程序 组 件 。 通 过 聚合 已 有 的 Web 
Service 可 以 快速 开发 能 够 提供 各 种 信息 与 服务 的 Web 应 用 程序 ,而 这 些 应 用 程序 自身 也 
可 以 发 布 新 的 Web Service 以 供 其 他 程序 调用 。 

(2) 支持 松散 耦合 。 应 用 程序 与 Web Service 执行 交互 前 ,它们 之 间 的 连接 是 断 开 的 。 
当 应 用 程序 需要 调用 Web Service 的 方法 时 ,两 者 之 间 建 立 了 连接 。 当 实现 了 相应 功能 后 ， 
两 者 之 间 的 连接 断 开 。 应 用 程序 与 Web 应 用 之 间 的 连接 是 动态 建立 的 ,实现 了 系统 的 松 
耦合 。 

(3) 跨 平 台 性 。Web Service 使 用 XML 表达 信息 ,使 用 HTTP 协议 传输 信息 。 对 于 不 
同 的 平台 ,只 要 能 够 支持 编写 和 解释 XML 文件 就 能 够 实现 不 同 平台 之 间 应 用 程序 的 相互 
通信 。 

(4) 自 描述 性 。Web Service 使 用 WSDL 作为 自身 的 描述 语言 ,而 WSDL 是 基于 XML 
格式 的 纯 文本 描述 ,包含 了 被 Web 应 用 程序 调用 所 需 的 全 部 信息 ,WSDL 能 够 帮助 其 他 
Web 应 用 程序 访问 Web Service。 

(5) 可 发 现 性 。 应 用 程序 可 以 通过 Web Service 提供 的 注册 中 心 查找 和 定位 Web Service。 


11.1.3 Web Service 的 优势 


Web Service 的 主要 目标 是 跨 平台 的 可 互 操作 性 。 在 以 下 4 个 方面 ,Web Service 具有 
极 大 的 优势 。 


1. 跨 防火 墙 的 通信 

如 果 应 用 程序 有 成 千 上 万 、 分 布 在 世界 各 地 的 用 户 ,那么 客户 端 和 服务 器 之 间 必 然 有 防 
火 墙 或 代理 服务 器 。 在 这 种 情况 下 ,一 个 用 户 界 面 和 中 间 层 有 较 多 交互 的 应 用 程序 ,使 用 
Web Service 可 以 节省 用 于 开发 用 户 界面 的 20% 时 间 。 由 Web Service 组 成 的 中 间 层 ,也 可 
以 在 应 用 程序 集成 或 其 他 场合 下 重用 。 

2. 应 用 程序 集成 

在 企业 级 的 应 用 程序 中 ,经 常 要 把 用 不 同 语言 .在 不 同 平台 上 运行 的 各 种 程序 集成 起 
来 ,这 将 花费 很 大 的 开发 力量 。 通 过 Web Service, 应 用 程序 可 以 用 标准 的 方法 把 功能 和 数 
据 * 暴 露 ”出 来 , 供 其 他 应 用 程序 使 用 。 

3.B2B 的 集成 

跨 公司 的 商务 交易 集成 通常 叫做 B2B 集成 。 只 要 把 商务 逻辑 “暴露 ”出 来 ,成 为 Web 
Service, 就 可 以 让 任何 指定 的 合作 伙伴 调用 这 些 商务 逻辑 ,而 不 管 他 们 的 系统 使 用 何 种 平 
台 和 开发 语言 。 这 样 就 大 大 减少 了 花 在 B2B 集成 上 的 时 间 和 成 本 ,使 许多 原本 无 法 承受 
EDI 的 中 小 企业 也 能 实现 B2B 集成 。 

4. 软件 和 数据 重用 

Web Service 在 允许 重用 代码 的 同时 ,也 可 以 重用 数据 。 使 用 Web Service, 再 也 不 必 像 
以 前 那样 ,要 购买 第 三 方 组 件 才能 安装 、 调 用 ,而 是 直接 调用 远 端的 Web Service 就 可 以 了 。 
男 一 种 重用 情况 ,是 集成 几 个 应 用 程序 的 功能 。 现 在 Web 上 有 很 多 应 用 程序 供应 商 , 把 他 
们 实现 的 功能 通过 Web Service“ 暴 露 ”出 来 ,这 样 使 用 者 就 可 以 将 它们 集成 到 自己 的 门户 站 
点 中 ,为 访问 用 户 提供 一 个 统一 、 友 好 的 界面 。 

当然 ,也 有 一 些 情况 ,使 用 Web Service 不 能 带 来 任何 好 处 。 例 如 ,单机 应 用 程序 ,以 及 
同一 个 局 域 网 上 的 同 构 应 用 程序 等 。 


11.2 Web Service 的 实现 技术 


11.2.1 Web Service 的 体系 结构 


Web Service 包括 4 个 组 成 部 分 ,分 别 是 Web 服务 (Web Service 自身 )、 服 务 提供 者 
(Service Provider) ,服务 请 求 者 (Service Requester) 和 服务 的 注册 中 心 (Service Registry)。 
通常 ,将 服务 提供 者 、 服 务 请 求 者 和 服务 的 注册 中 心 称 为 Web Service 的 三 大 角色 。 这 三 大 
角色 及 其 行为 共同 构成 了 Web Service 的 体系 结构 ,如 图 11-1 所 示 。 


Service Registry 
发 布 查找 
绑 定 


| Service Provider Service Requester 


图 11-1 Web Service 的 体系 结构 


服务 提供 者 也 称 为 服务 的 拥有 者 ,通过 提供 服务 接口 使 Web Service 在 网 络 上 是 可 用 
的 。 服 务 接口 是 可 以 被 其 他 应 用 程序 访问 和 使 用 的 软件 组 件 , 如 果 服 务 提 供 者 创建 了 服务 
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接口 ,服务 提供 者 会 向 服务 注册 中 心 发 布 服务 ,以 注册 服务 描述 。 相 对 于 Web Service 而 
言 , 服 务 提供 者 可 以 看 做 访问 服务 的 托管 平台 。 

服务 请 求 者 也 称 为 Web Service 的 使 用 者 ,服务 请 求 者 通过 注册 中 心 查找 需要 的 服务 ， 
当 请 求 者 通过 注册 中 心 查找 到 服务 的 提供 者 之 后 ,就 会 绑 定 到 服务 接口 上 ,与 服务 提供 者 进 
行 通信 。 相 对 于 Web Service 而 言 , 服 务 请 求 者 是 寻找 和 调用 提供 者 提供 的 服务 接口 的 应 
用 程序 。 

服务 注册 中 心 可 以 使 请 求 者 和 提供 者 进行 信息 通信 , 当 服 务 提供 者 提供 服务 接口 后 , 注 
册 中 心 则 会 接收 提供 者 发 出 的 请 求 ,从 而 注册 提供 者 。 服 务 请 求 者 对 注册 中 心 进行 服务 请 
求 后 ,注册 中 心 能 够 查找 到 提供 者 并 绑 定 到 请 求 者 。 

那么 ,具体 地 说 , Web Service 的 运转 ,如 图 11-2 所 示 , 它 主要 基于 以 下 方面 : 


同 辆 人。 JUDDI 注册 中 心 


[SOAP 
服务 请 求 者 
[web Service IAny Client| 


服务 提供 者 


图 11-2 Web Service 的 运转 


(1) Web Service 驻 留 于 Web Server 中 。 
(2) 使 用 UDDI 机 制 查 找 符 合 要 求 的 Web Service。 
(3) 网 络 中 的 计算 机 通过 SOAP 协议 进行 通信 。 


11.2.2 Web Service 的 协议 栈 


在 Web Service 体系 结构 中 ,为 了 保证 体系 结构 中 的 每 个 角色 都 能 够 正确 执行 发 布 . 查 
找 和 绑 定 操 作 , Web Service 体系 必须 为 每 一 层 标准 技术 提供 Web Service 协议 栈 。Web 
Service 协议 栈 如 图 11-3 所 示 。 上 层 的 功能 必须 依靠 下 层 的 支持 。 

在 Web Service 的 技术 架构 中 ,最 底层 是 网 络 传输 层 。 网 络 传输 层 可 以 使 用 多 种 协议 ， 
包括 HTTP、FTP 以 及 SMTP 等 。 

在 网 络 传输 层 的 上 一 层 则 是 消息 传递 层 。 消 息 传递 层 使 用 SOAP 作为 消息 传递 协议 ， 
以 实现 服务 提供 者 、 服 务 注册 中 心 和 服务 请 求 者 之 间 的 信息 交换 。 

在 消息 传递 层 之 上 的 是 服务 描述 层 。 服 务 描述 层 使 用 WSDL 作为 消息 协议 ,WSDL 使 
用 XML 语言 来 描述 网 络 服务 ,能够 提供 Web Service 的 一 些 特定 信息 。 服 务 描述 层 包 括 了 
WSDL 文档 ,这 些 文档 包括 功能 .接口 .结构 等 定义 和 描述 。 

在 服务 描述 层 之 上 的 是 服务 发 布 层 ,该 层 使 用 UDDI 协议 作为 服务 的 发 布 /集成 协议 。 


静态 的 一 ~UDDI 服务 的 发 现 


过 的 一 =~UDDI 发 布 安 
直接 的 服务 的 发 布 和 全 有 
WSDL 服务 的 描述 和 的 
可 | | 理 | | 划 
靠 量 

性 


SOAP 消息 的 传递 
HTTPFTPSMTP 网 络 传递 


图 11-3 Web Service 的 技术 架构 


服务 发 布 层 能 够 为 提供 者 提供 发 布 Web Service 的 功能 ,也 能 够 为 服务 请 求 者 提供 查询 、 绑 
定 的 功能 。 


11.2.3 Web Service 的 核心 元 素 


简单 地 说 , Web Service 的 定义 : 通过 SOAP 在 Web 上 提供 的 软件 服务 ,使 用 WSDL 
文件 进行 说 明 , 并 通过 UDDI 进行 注册 。 

下 面 分 别 对 这 几 种 主要 技术 进行 详细 说 明 。 

1. SOAP 协议 

简单 对 象 访问 协议 (Simple Object Access Protocol, SOAP) 是 Web Service 的 传输 协 
议 。Web Service 的 提供 者 与 使 用 者 之 间 的 信息 交换 必须 遵循 SOAP 协议 , 它 规定 了 Web 
Service 的 提供 者 与 使 用 者 之 间 信 息 的 编码 和 传送 方式 。 

SOAP 协议 是 基于 HTTP 协议 的 互联 网 应 用 层 协 议 ,允许 信息 穿 过 防火 墙 而 不 被 拦 
截 。 两 者 的 关系 就 好 比 高 速 公路 (SOAP) 是 基于 普通 公路 (HTTP) 改 造 的 ,在 一 条 普通 公 
路 上 加 上 隔离 栏 后 就 成 了 高 速 公 路 。 这 个 隔离 栏 就 是 XML。 因此 ,SOAP 是 利用 XML 来 
封装 消息 的 , 它 满足 下 述 关系 : 


SOAP 协议 = HTTP 协议 + XML 格式 


SOAP 仅 是 一 种 约定 ,是 平台 中 立 与 语言 无 关 的 。 因 此 , Web Service 使 用 SOAP 协议 
实现 了 跨 编程 语言 和 跨 操作 系统 平台 。 

由 于 Web Service 采用 HTTP 协议 传输 数据 ,采用 XML 格式 封装 数据 。 各 种 编程 语 
言 对 HTTP 协议 和 XML 技术 都 提供 了 很 好 的 支持 , Web Service 客户 端 与 服务 器 端 使 用 
任意 编程 语言 都 可 以 完成 SOAP 的 功能 ,所 以 , Web Service 很 容易 实现 跨 编 程 语言 , 跨 编 
程 语言 自然 也 就 跨 了 操作 系统 平台 。 

2. WSDL 语言 

WSDL(Web Service Description Language) 是 一 种 纯 文本 形式 的 Web Service 描述 语 
言 , 基 于 XML 规范 而 制定 。 

WSDL 用 于 动态 发 布 Web 服务 .查找 已 发 布 的 Web 服务 、 绑 定 Web 服务 。 

WSDL 文件 本 身 是 一 个 XML 文档 ,用 于 描述 Web Service 的 详细 信息 , 即 说 明 一 组 
SOAP 消息 以 及 如 何 交 换 这 些 消息 。 它 与 编程 语言 无 关 , 可 以 从 不 同 平台 、 以 不 同 编程 语言 
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访问 Web Service 接口 。 

WSDL 文件 保存 在 Web 服务 器 上 ,通过 一 个 URL 地 址 可 以 访问 到 它 。 客 户 端 调用 一 
个 Web Service 之 前 ,需要 知道 该 地 址 。Web Service 提供 商 通 过 两 种 方式 发 布 它 的 WSDL 
文件 地 址 。 

。 注册 到 UDDI 服务 器 ,以 便 被 人 查找 ; 

。 直接 告诉 给 客户 端 调用 者 ,如 在 自己 的 网 站 发 布 。 

3. UDDI 机 制 

一 旦 客户 端 能 够 获得 WSDL 文档 ,就 应 该 有 足够 的 信息 知道 如 何 与 目标 Web Service 
进行 交互 。 如 果 客 户 端 知道 WSDL 文档 驻 留 的 位 置 ,那么 只 需 通 过 HTTP 就 能 请 求 它 。 
然而 ,如 果 客 户 端 不 知道 WSDL 驻 留 在 哪里 ,就 需要 一 个 发 现 机 制 。 

统一 描述 发现 和 集成 (Universal Description ，Discovery and Integration ,UDDI) 是 一 
种 用 于 查找 Web Service 的 机 制 。 

UDDI 服务 器 存储 了 Web Service 的 相关 信息 ,也 就 是 此 Web Service 的 WSDL 文档 ， 
可 供 Web 应 用 程序 来 定位 和 引用 Web Service。 如 图 11-1 所 示 , Web Service 的 使 用 者 先 
通过 UDDI 查找 所 需 的 Web Service, 获 取 其 WSDL 文档 ,然后 根据 此 WSDL 文档 就 可 以 
定位 并 引用 Web service。 在 整个 过 程 中 ,UDDL 起 到 了 一 个 类 似 于 “电话 号 码 敌 ”的 作用 。 

因此 ,UDDI 的 意图 就 是 作为 一 个 注册 短 ,企业 可 以 在 不 同 的 目录 下 注册 它们 自己 或 其 服务 。 
通过 浏览 一 个 UDDI 注册 短 ,用户 能 够 查找 一 种 服务 或 一 个 公司 ,并 发 现 如 何 调用 该 服务 。 

UDDI 的 目录 条 目 分 为 三 类 : 

。 白 页 : 企业 实体 的 列表 ,介绍 提供 服务 的 公司 和 企业 ,包括 名 称 、 地 址 、 联 系 方式 和 

已 知 标识 符 等 。 

。 黄页 ; 包括 基于 标准 分 类 法 划分 的 行业 类 别 信息 。 

。 绿 页 : 是 调用 一 项 服务 所 必需 的 文档 ,详细 介绍 了 访问 服务 的 接口 ,以 便 用 户 能 够 

编写 应 用 程序 以 使 用 Web Service。 


11.3 构建 ASP.NET Web Service 


使 用 Visual Studio 可 以 很 方便 地 构建 Web Service, 本 节 将 举例 说 明 Web Service 的 创 
建 和 发 布 方法 。 


11.3.1 使 用 Visual Studio 创建 Web Service 


启动 Visual Studio 2010, 在 “文件 ”菜单 中 选择 “新 建 网 站 ”命令 ,在 打开 的 “新 建 网 站 ” 
对 话 框 中 ,首先 要 选择 .NET Framework 3.5 版 本 (默认 的 4 版 本 没有 Web 服务 ), 然 后 选 
择 "“ASP.NET Web 服务 ”, 如 图 11-4 所 示 。 单 击 “ 确 定 ” 按 钮 ,系统 将 自动 创建 一 个 名 为 
Service. cs 的 文件 ,在 其 中 定义 一 个 名 为 Service 的 Web Service, 并 自动 生成 一 个 公有 方法 
Hello World, 显 示 如 下 代码 。 

using System; 

using System. Collections. Generic; 

using System. Ling; 


using System. Web; 
using System. Web. Services; 


[WebService( Namespace = "http://tempuri.org/")] 
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfilel 1)] 


// 若 要 允许 使 用 ASP.NET AJAX 从 脚本 中 调用 此 web 服务 ,请 取消 对 下 行 的 注释 
// [System. Web. Script. Services. ScriptService] 


public class Service : System. Web. Services. WebService 
J. 
public Service () 
{ 
// 如 果 使 用 设计 的 组 件 , 请 取消 注释 以 下 行 
//InitializeComponent( ); 
} 


[WebMethod] 
public string HelloWorld() 
{ 

return "Hello World"; 


} 


新 建 网 站 [Eee 
| .NET Framework 3.5 。。 | 排序 相近 哑 认 什 | 人 到 | 和 = esssotats 人 | 
已 安装 的 模板 


霓 ASP.NET 网 站 类 型 : Visual C# 


Visual Basic ASP.NET 空 网 站 用 于 创建 XML Web services 的 网 站 
Visual C# 


ASPJNET Dynamic Data 实体 网 站 
ASP.NET Dynamic Data Linq to... 
WCF 服 务 

ASP.NET Reports 网 站 


ASP.NET Web 服务 


Web 位 置 (U: 文件 系统 了 CNusersVywDocumentsVisual sudio ; = | SE). 
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图 11-4 创建 ASP.NET Web 服务 


上 述 代码 中 , Service 类 从 WebService 类 派生 ,包括 两 个 公有 方法 : Service () 和 
HelloWorld()。 其 中 ,LWebMethod] 标签 声明 了 一 个 Web 方法 ,通知 ASP.NET 编译 器 ， 
接 下 来 的 Web 方法 可 以 通过 互联 网 调用 。 

一 个 Web Service 可 以 拥有 多 个 公有 的 Web 方法 。 这些 Web 方法 不 能 返回 对 象 ,只 能 
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返回 一 个 值 类 型 数据 (字符 串 数 组 .字符 串 ` 数 值 等 )。 例 如 , HelloWorld() 返 回 一 个 字 
符 串 。 

上 述 代码 位 于 App_Code/Service. cs 文件 中 ,可 以 根据 需要 继续 添加 Web 方法 。 例 
如 ,在 HelloWorld() 方 法 后 面 添 加 一 个 Add() 方 法 ,代码 如 下 。 


[WebMethod] 
public int Rdd( int x, int y) 
引 


return (x+y); 


与 Service. cs 文件 相对 应 ,Service. asmx 文件 本 身 只 有 一 行 代码 : 
<% @ WebService Language = "C#" CodeBehind = "~/App_Code/Service.cs" Class= "Service" %> 


这 里 ,页 面 指令 “@ WebService” 指 明 本 页 定义 的 是 一 个 Web Service, 实 现 该 Web 
Service 的 类 是 Service, 位 于 "一 /App_Code/Service. cs" 文 件 中 。 


11.3.2 测试 Web Service 


从 “调试 "菜单 选择 “启动 调试 "命令 ,浏览 器 会 自动 启动 以 测试 Web Service 是 否 工作 
正常 。 如 图 11-5 所 示 , 可 以 看 到 测试 网 页 中 列 出 了 Service 类 里 的 所 有 Web 方 法 。 

5x 

GOGO- 起 ] http://localhost:1875/WebSites/Service 

」 交 件 (BD 编 各 (查看 (W 收 戈 习 (8) ”工具 (于 助 (I) 
这 收 疗 严 。 赔 5ervice web 服务 


-下 ， 你 就 知道 


支持 下 列 操作 。 有 关 正式 定义 ， 请 查看 服务 说 明 , 


。 Bag 


e Helloworld 


此 Web 服务 使 用 http://tempuri.org/ 作为 默认 命名 空间 . 
建议 : 公开 XML Web services 之 前 。 请 更 改 默 认命 名 空间 . 


每 个 XML Web services 都 需要 一 个 唯一 的 命名 空间 ,以便 客户 端 应 用 程序 能 够 将 它 与 Web 上 的 其 他 服务 区 分 开 。 
http://tempuri.org/ 可 用 于 处 于 开发 阶段 的 XML Web services， 而 已 发 布 的 XML Web services 应 使 用 更 为 永久 的 命名 空间 。 


应 使 用 您 控制 的 命名 空间 来 标识 XML Web services。 例 如 ， 可 以 使 用 公司 的 Internet 域名 作为 命名 空间 的 一 部 分 。 尽 管 有 许多 
XML Web services 命名 裤 间 看 似 URL, 但 它们 不 必 指向 Web 上 的 实际 资源 。(XML Web services 命名 空间 为 URI。) 


使 用 ASP.NET 创建 XML Web services 时 ,可 以 使 用 WebService 特性 的 Namespace 属性 更 改 默认 命名 空间 。WebService 
特性 适用 于 包含 XML Web services 方法 的 类 。 下 面 的 代码 实例 格 命名 空间 设置 为 “http;// microsoft,comywebservices/“ 


Cs 


[WebService (Namespace="http://microsoft.com/webservices/")] 
Public class MYNebService { 
// 实现 


| [LT T mem ET 


图 11-5 Web Service 测试 (1) 


单 击 Add 方法 ,Web Service 应 用 程序 会 跳 转 到 另 一 个 页 面 ,如 图 11-6 所 示 ,该 页 面 提 


供 了 方法 的 调用 测试 。 在 文本 框 中 分 别 输入 两 个 数字 , 单 击 "调用 ”按钮 , 则 取 回 Web 
Service 的 计算 结果 。 该 结果 以 XML 格式 被 返回 ,如 图 11-7 所 示 。 


/service Web 服务 - Windows Internet Explorer =| 口 | x| 
(ee © [Ee htpJlocahostls 好 由 xi 吕 用 百度 一 下 ,你 就 知道 


| 文件 (E) ”编辑 (E) ”查看 () ”收藏 末 (和) 工具 (TD 帮助 (由 ) 
坟 收 诚 夹 。 外 service Web 服务 


单 击 此 处 ， 获 取 完 整 的 操作 列表 。 


Add 
测试 
若 要 使 用 HTTP POST 协议 对 操作 进行 测试 ， 请 单 击 “调用 ”按钮 。 


参数 值 


[用 | 


SOAP 1.1 
以 下 是 SOAP 1.2 请 求 和 响应 示例 。 所 显示 的 占 位 符 需 蔡 换 为 实际 值 。 


POST /WebSite4/Service.asmx HITP/1.1 


Host: localhost bd 
~» 


[站 "| 扩 100% ”到 


[8 htpiinocahost:1s7sr s+) x | 


」 文件 个 编辑) 查看) 收 庆 天 A) 工具 D 和 IJ 
这 收藏 末 。 忽 http:/jiocalhost:1875/WebSite4jService.asmxjAdd 


<?xml version="1.0" encoding="utf-8" ?> 
<int xmlns="http:/ /tempuri.org/">17</int> 


回 
完成 I 的 meme [两 *[ 二 100% >- 


图 11-7 Web Service 的 返回 结果 


Web Service 项 大 


第 
El 
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至 此 ,完成 了 一 个 简单 的 Web Service 开发 工作 。 
11.3.3 发 布 Web Service 


Web Service 本 身 是 不 能 单独 存在 的 ,必须 依赖 于 一 个 网 站 进行 发 布 。 因 此 ,发 布 Web 
Service, 就 像 发 布 一 个 普通 的 ASP.NET 网 站 一 样 ,通过 在 IIS 上 设置 虚拟 目录 发布 提供 
有 Web Service 的 网 站 到 IIS 上 。 

假设 本 节 的 Web Service 网 站 ,被 发 布 到 本 地 IIS 的 D:\Website4 应 用 程序 文件 夹 , 对 
该 文件 夹 创建 了 一 个 名 为 AddService 的 虚拟 目录 ,如 图 11-8 和 图 11-9 所 示 。 


* 儿 Internet 芒 息 服务 
文件 (E) ”操作 (&) ”查看 (V) 。 才 助 (H) 
生字 | 外 | 加 | 关 艾 国 加 | 国 | 明 | >》 


务 
-可 ]YU-AFDD63E62C7( 本 地 计算 机 ) |] 园 app_code 
日 国 网 站 J 


日 默认 5MTP 虚拟 服务 器 
域 
当前 会 话 


图 11-8 虚拟 目录 AddService 指向 提供 Web Service 的 网 站 


了 可 
本 地 Internet Information Server 
选择 要 打开 的 网 站 (5)。 
局 本 地 Web 服务 器 
日 鲍 默认 网 站 
SY Em 
由 全 aspnet_dient 


由 辐 Printers 


图 11-9 打开 网 站 


由 于 Web Service 的 源 文件 扩展 名 为 asmx, 发 布 之 后 的 Web Service 可 以 通过 http:// 
localhost/ AddService/Service. asmx 进行 访问 。 


11.4 使 用 Web Service 


使 用 Web Service 的 过 程 ,实际 上 是 Web Service 的 使 用 者 与 Web Service 实现 绑 定 ， 
并 调用 其 方法 的 过 程 。 绑 定 有 两 种 方式 : 一 种 是 动态 的 ; 另 一 种 是 静态 的 。 动 态 通 过 
UDDI 实 现 , 静 态 通 过 已 经 获得 的 WSDL 文件 实现 。 这 里 使 用 静态 绑 定 , 即 使 用 Visual 
Studio 在 ASP.NET 应 用 程序 中 引用 已 经 开发 好 的 Web Service。 


11.4.1 添加 Web 引用 


在 ASP.NET 网 站 中 ,使 用 Web Service 的 方法 是 从 “网 站 ”菜单 中 选择 “添加 Web 引 
用 ”命令 , 则 出 现 如 图 11-10 所 示 的 页 面 。 


TE 3 
请 定位 到 提供 Web 服务 的 URL , 烘 后 单 击 ` 添 加 引用 ”, 天 加 位 于 该 URL 上 的 所 有 可 用 服务 。 
GAEQdt 
nw ne 


~] 位 于 此 URL 上 的 Web 服务 (5): 
开始 浏览 Web 服务 
全 人 六 交 的 起 地 点 。 您 可 以 单 击 下 面 的 链接 ,， 或 
浏览 至 : 
。 本 地 计算 机 上 的 ¥eb 服务 


四 
Web 引用 名 (WV 


。 浏览 本 地 网 络 上 的 _UDDI 服务 器 
在 您 的 本 地 网 络 上 查询 UDDI 服务 器 。 


添加 引用 (R》 


到 取消 
图 11-10 “添加 Web 引用 ”对 话 框 (1) 


由 于 本 节 中 的 Web Service 已 经 在 本 地 IIS 上 发 布 ,所 以 单 击 “ 本 地 计算 机 上 的 Web 服 
务 " 项 ,进行 相应 选择 后 ,进入 如 图 11-11 所 示 的 页 面 。 此 时 Web 引用 的 默认 名 为 
localhost , 单 击 “添加 引用 ?按钮 , 即 可 完成 向 项 目 中 添加 Web 引用 的 工作 ,如 图 11-12 所 示 。 

在 图 11-12 中 ,可 以 看 到 Visual Studio 为 添加 Web 引用 的 网 站 自动 生成 了 三 个 调用 Web 
Service 的 相关 文件 。 其 中 ，Server. disco 文件 用 于 指明 如 何 获取 Web Service 的 相关 信息 ， 
Service. wsdl 是 Web Service 的 描述 文件 ,Server. discomap 文件 用 于 指明 上 述 两 个 文件 的 URL 
地 址 。 


11.4.2 访问 Web Service 
添加 了 Web 引用 之 后 ,ASP.NET 网 站 使 用 以 下 代码 访问 Web Service。 
protected void btnAdd Click(object sender, EventArgs e) 


{ 
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请 定位 到 提供 web 服务 的 URL， 然后 单 击 添加 引用 ”， 秋 加 位 于 该 URL 上 的 所 有 可 用 服务 。 
昌 慨 日 | 国正 台 
URL(W: |http:/flocalhost/addService/Service.asmx ”| 日 放任 


位 于 此 URL 上 的 Web 服务 (5): 


支持 下 列 哲 作 。 有 关 正 式 定义 ， 请 查看 服务 说 明 .。 
e Add 


。 Helloworld 


此 Web 服务 使 用 http://tempuri.org/ 作为 默认 命名 空间 
建议 : 公开 XML Web services 之 前 ,请 更 改 默认 命名 空间 . 


每 个 XML Web services 都 需要 一 个 唯一 的 命名 空间 ,以 便 客户 端 应 用 
程序 能 够 格 它 与 Web 上 的 其 他 服务 区 分 开 。http://tempuri.org/ 可 用 
于 处 于 开发 阶段 的 XML Web services， 而 已 发 布 的 XML Web 
services 应 使 用 更 为 永久 的 命名 空间 。 


应 使 用 您 控制 的 命名 空间 来 标识 XML Web services。 例如 ,可 以 使 用 
公司 的 Internet 域名 作为 命名 空间 的 一 部 分 。 尽 管 有 许多 XML Web 


rvirer 篇 亿 空间 要 人 1101 . 信安 们 不 以 增 向 Wah Fn 宙 际 座 酒 下 


图 11-11 “添加 Web 引用 ”对 话 框 (2) 


解 岂 方案 资源 冲 理 器 可 
| 总 | 加 有 名 六 | 
Di\Website4\ 
已- 号 App_Code 
到 5ervice.cs 


国 app_pata 
局- 国 app_webReferences 
EN 
日 - 饮 : 5ervice.dscomap 
图 5ervice ,dsco 
网 service .wsdl 
央 Service.asmx 
国 web.config 


图 11-12 添加 了 Web 引用 localhost 的 网 站 


// 创 建 web Service 代理 对 象 
localhost. Service s = new localhost. Service(); 


// 获 取 用 户 输入 的 两 个 参数 

int x = Convert.ToInt32(txtX.Text); 
int y = Convert.ToInt32(txtY. Text); 
// 调 用 Web Service 完成 两 个 数 的 相 加 


lblResult. Text = |s.Add(x, y).ToString(); 


上 述 代码 中 ,用 方 框 标 出 的 就 是 访问 Web Service 的 代码 。 可 以 看 出 ,这 同 访 问 一 个 本 
地 对 象 几乎 没有 什么 差别 。 实 际 上 ,在 网 页 中 创建 的 Web Service 对 象 是 一 个 代理 对 象 , 该 
代理 对 象 拥有 Web Service 所 定义 的 全 部 Web 方法 。 网 页 对 该 代理 对 象 的 调用 都 被 传送 
给 远程 服务 器 ,服务 器 处 理 完 之 后 ,再 将 结果 传 回调 用 的 网 页 。 


11.5 代 理 类 


代理 是 处 于 应 用 程序 和 Web Service 之 间 的 一 个 程序 , 它 负 责 为 应 用 程序 和 Web 
Service 之 间 搭 建 一 个 桥梁 ,保证 应 用 程序 和 Web Service 之 间 的 通信 顺畅 。 代 理 类 (. dll 文 
件 ) 通 常 由 WSDL 语言 创建 ,不 包含 任何 应 用 程序 逻辑 ,只 包含 一 个 传输 逻辑 一 一 告知 用 户 
如 何 传递 参数 和 检索 结果 ,以 及 Web Service 中 的 方法 和 原型 列表 。 

客户 端 应 用 程序 如 果 使 用 Web Service, 必 须 先 创建 一 个 代理 。 代 理 是 要 调用 的 真正 代 
码 的 替身 ,负责 在 计算 机 边界 引导 调用 。 当 代理 在 客户 端 应 用 程序 中 注册 后 ,客户 端 应 用 程 
序 调 用 方法 就 如 调用 本 地 对 象 一 样 。 代 理 接受 该 调用 ,并 以 XML 格式 封装 调用 ,然后 以 
SOAP 请 求 发 送 调用 到 服务 器 。 当 服务 器 返回 SOAP 包 给 客户 端 后 ,代理 会 对 包 进 行 解密 ,并 
且 如 同 从 本 地 对 象 的 方法 返回 数据 一 样 将 其 返回 给 客户 端 应 用 程序 ,如 图 11-13 所 示 。 


Web Service 使 用 者 
(网 页 、Web Service 
或 窗 体 程序 ) 


11-13 代理 的 工作 过 程 


11.6 习题 与 上 机 练习 


1. 选择 题 
(1) 以 下 关于 发 布 与 部 署 Web Service 的 说 法 正确 的 是 ( ”)。 
A. 发 布 与 部 署 没 有 什么 区 别 ,两 个 仅 是 不 同 的 定义 
B. 发 布 是 将 Web Service 放 到 IIS 上 ,部 署 是 制作 安装 包 
C. 发 布 是 将 Web Service 向 外 界 公示 ,部署 是 将 Web Service 放 到 IIS 上 
D. 发 布 是 将 Web Service 的 相关 信息 列 入 UDDI 目录 中 方便 查询 ,而 部 署 仅仅 实 
现 了 Web Service 的 物理 可 访问 由 
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(2) 在 使 用 Web Service 之 前 ,常用 的 Web Service 发 现 工 具 是 ( ys 


A. WSDL. exe B. Disco. exe 
C. Ftp. exe D. Ping. exe 
(3) XML Web Service 的 交互 通常 使 用 标准 的 Internet 协议 不 包括 ( 2 
A. TCP/IP RB HTTP 
C. SOAP D. IPX/SPX 


(4) 以 下 关于 UDDI 的 指定 ) 是 错误 的 。 
A. 使 用 Web Service 必须 通过 UDDI 
B. UDDI 能 让 你 的 Web Service 获得 更 多 的 使 用 
C. UDDI 能 提供 一 系列 Web Service 的 最 终 访问 点 
D. UDDI 负责 提供 WSDL 文件 
(5) 以 下 关于 代理 类 和 WSDL 的 描述 ( ) 是 错误 的 。 
A. 代理 类 是 对 WSDL 返回 内 容 进行 的 进一步 封装 
B. 代理 类 可 通过 WSDL. EXE 自动 生成 
C. 代理 类 可 替代 WSDL 直接 与 Web Service 打交道 
D. 代理 类 中 提供 了 同步 和 异步 调用 Web Service 的 方法 
(6) 下 列 关 于 Web Services 的 描述 ,( ) 是 错误 的 。 
A. Web Services 架构 中 有 三 个 角色 : 服务 请 求 者 、 服 务 提供 者 和 服务 注册 中 心 
B. 服务 提供 者 向 服务 注册 中 心 发 布 服务 的 信息 
C. 服务 请 求 者 需要 向 服务 注册 中 心 查询 其 需要 的 服务 的 信息 
D. 服务 请 求 者 需要 与 服务 注册 中 心 绑 定 以 消费 服务 
(7) Web Services 使 用 基于 ( ) 的 标准 和 传输 协议 交换 数据 。 


A, XSLT B. XML CC TOP/AIP D. Java 
(8) 下 列 ( ) 是 描述 Web 服务 的 标准 XML 格式 。 

A. WSDL B. UDDI C. SOAP D. LDAP 
(9) Web Services 应 用 程序 具备 ( ) 特 征 。 

A. 封装 性 B. 松散 耦合 

C. 使 用 标准 协议 规范 D. 高 度 可 集成 性 
(10) Web Services 应 用 的 优势 体现 在 ( ) 场 景 中 。 

A. 跨 防 火 墙 通信 B. 应 用 程序 集成 

C. B2B 集 成 D. 数据 重用 
(11) Web Services 体系 结构 基于 ( ) 种 逻辑 角色 。 

A. 服务 提供 者 B. 服务 注册 中 心 

C. 服务 请 求 者 D. 消息 
2. 简 答 题 


(1) 什么 是 Web Service? 它 的 主要 核心 技术 有 哪些 ? 
(2) UDDI 商业 注册 中 心 所 提供 的 信息 从 概念 上 分 为 三 个 部 分 : 白 页 、 黄 页、 绿 页 ,请 说 


明 它 们 各 代表 什么 意思 ? 
3. 上 机 练习 
设计 并 实现 一 个 天 气 预报 查询 页 。 要 求 调用 天 气 预报 Web Service, 其 中 Web Service 
的 地 址 为 http://www. webxml. com. cn/WebServices/WeatherWebService. asmx。 可 以 选 


择 全 国 主 


要 城市 ,并 显示 该 城市 三 天 内 的 天 气 情况 。 
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AJAX 即 异 步 JavaScript 与 XML 技术 (Asynchronous JavaScript and XML,AJAX)， 
是 Html、JavaScript.DHTML、DOM、XML 等 技术 的 组 合体 ,这 一 组 合 改变 了 以 往 Web 界 
面 的 交互 方式 , 带 来 了 更 加 良好 的 用 户 体 验 , 已 成 为 Web 2.0 时 代 广 泛 应 用 的 一 项 技术 。 


12.1 AJAX 概述 


目前 的 应 用 程序 主要 有 两 种 工作 模式 : 桌面 应 用 和 Web 应 用 。 前 者 被 安装 在 本 地 计 
算 机 上 运行 ; 后 者 被 安装 在 服务 器 上 ,通过 Web 浏览 器 进行 访问 。 桌 面 应 用 一 般 具有 极 快 
的 运行 速度 和 良好 的 交互 能 力 ,而 Web 应 用 往往 达 不 到 同样 的 性 能 ,这 主要 是 由 于 传统 
Web 技术 中 ,基于 “请 求 -刷新 ”的 工作 机 制 存 在 着 以 下 一 些 固有 缺陷 : 

。 页 面 需 要 反复 刷新 : 每 当 用 户 向 服务 器 端 请 求 一 次 数据 时 ,都 会 导致 页 面 整体 刷 
新 ,哪怕 只 是 更 新 一 个 数据 ,服务 器 端 也 会 重新 生成 整个 页 面 ,造成 很 大 的 服务 器 负 
荷 及 传输 数据 量 。 很 多 时 候 ,这 种 消耗 是 没有 意义 的 。 

页 面 刷 新 期 间 ,用 户 只 能 等 待 : 浏览 器 和 服务 器 采用 同步 的 通信 机 制 , 当 用 户 提交 
请 求 后 ,页 面 将 处 于 冻结 状态 ,等 待 服务 器 端 反馈 数据 。 在 新 页 面 加 载 之 前 ,用 户 只 
能 等 待 ,不 能 做 任何 事情 ; 尤其 是 网 速 较 慢 时 ,会 消耗 很 长 时 间 。 

。 绝 大 多 数 工作 都 在 服务 器 端 完成 ,服务 器 负荷 很 重 ,往往 成 为 系统 性 能 的 瓶颈 。 

AJAX 技术 的 出 现 改 变 了 这 种 状况 ,具有 如 下 特点 : 

(1) 可 实现 页 面 的 局 部 刷新 : 可 以 借助 客户 端 技 术 ,找到 页 面 中 需要 更 新 的 局 部 区 域 ， 
只 更 新 该 区 域 中 的 数据 ,而 不 需要 刷新 整个 页 面 ,大 大 减轻 服务 器 的 负荷 。 

(2) 只 做 必要 的 数据 交换 : 由 于 只 刷新 页 面 的 部 分 区 域 ,就 不 需要 服务 器 端 生 成 整个 
HTML 页 面 ,而 是 只 生成 客户 端 需要 的 部 分 数据 ,大 大 降低 网 络 传输 的 数据 量 。 

(3) 异步 访问 服务 器 端 : 当 用 户 提 交 请 求 时 .浏览 器 和 服务 器 采用 异步 通信 的 方式 在 
后 台 处 理 请 求 ,页 面 不 会 冻结 ; 在 请 求 结果 返回 前 ,用 户 可 以 继续 浏览 网 页 而 不 用 傻 等 ; 当 
服务 器 端 返回 结果 后 ,客户 端 再 自动 刷新 页 面 。 

AJAX 编程 分 为 服务 器 端 与 客户 端 两 部 分 ,如 图 12-1 所 示 。 

服务 器 端 编程 可 以 使 用 现 有 的 技术 (如 ASP.NET) ,但 由 于 不 用 返回 整个 页 面 , 只 返回 
需要 的 数据 ,所 以 很 多 时 候 使 用 Web Service 或 Http Handler 处 理 AJAX 请 求 , 按 指定 格 
式 将 数据 打包 发 回 客户 端 即 可 。 

客户 端 编程 的 核心 是 XmlHttpRequest 对 象 ,由 它 向 服务 器 端 发 送 异 步 请 求 , 并 接收 返 
回 的 数据 ; 然后 使 用 文档 对 象 模型 在 文档 中 检索 局 部 更 新 的 区 域 ,并 用 服务 器 端 返回 的 数 


JavaScript 代 码 


XML 或 其 他 格式 数据 客户 端 


Web Form 页面 Web Service HTTP Handler 


图 12-1 AJAX 技术 框架 


据 更 新 页 面 。 
在 ASP.NET 下 开发 AJAX 风格 的 应 用 程序 可 以 采用 两 种 方法 : 一 是 手工 编码 方式 ， 
即 手工 完成 异步 通信 及 局 部 刷新 的 处 理 过 程 ; 二 是 使 用 AJAX 控件 的 方式 。 


12.2 手工 编码 的 AJAX 应 用 


传统 的 AJAX 应 用 需要 在 客户 端 手工 编码 ,实现 异步 通信 及 局 部 刷新 的 处 理 过 程 。 
例 12-1 使 用 AJAX 技术 从 服务 器 端 获取 XML 内 容 并 显示 在 页 面 上 。 
(1) 创建 网 站 项 目 , 建 立 如 下 的 Employees. XML 文件 。 


(2) 建立 测试 页 面 ShowEmployees. aspx, 代 码 如 下 : 


该 页 面 非常 简单 ,只 有 一 个 按钮 和 一 个 DIV 元 素 。 单 击 按钮 时 向 服务 器 发 送 异 步 请 
求 ,获取 Employees.XML 文件 中 的 内 容 , 并 将 其 显示 在 DIV 元 素 中 。 
(3) 定义 函数 以 创建 XMLHttpRequest 对 象 。 在 页 面 的 head 标记 中 加 入 如 下 代码 : 
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XMLHttpRequest 对 象 是 AJAX 技术 的 基石 ,首先 需要 安全 的 创建 该 对 象 。 尽 管 现代 
的 浏览 器 对 XMLHttpRequest 对 象 有 广泛 的 支持 ,但 在 如 何 创建 和 访问 这 个 对 象 上 还 是 有 
着 细微 的 差别 。 在 FireFox 及 IE 7.0 以 上 浏览 器 上 ,该 对 象 都 是 作为 本 地 JavaScript 对 象 
实现 的 ,但 在 IE 7.0 以 前 的 版 本 中 , 却 是 作为 ActiveX 对 象 实现 的 。 因 为 这 些 差别 ,使 用 
JavaScript 创建 XMLHttpRequest 对 象 实例 时 必须 要 有 足够 的 智能 ,采用 正确 的 方法 。 本 
例 中 先 尝试 按照 本 地 对 象 来 创建 , 若 抛 出 异常 , 则 说 明 浏 览 器 版 本 较 老 ,所 以 再 按照 
ActiveX 方式 创建 ,这 样 无 论 如 何 保证 正确 创建 了 一 个 XMLHttpRequest 对 象 实例 。 

(4) 在 按钮 单 击 事件 中 触发 异步 请 求 。 在 script 标记 中 加 入 以 下 脚本 : 


在 函数 体 中 ,第 1 行 创 建 了 XMLHttpRequest 对 象 实例 。 

第 2 行 调用 XMLHttpRequest 对 象 的 open 方法 建立 异步 调用 , 即 定义 要 发 送 到 服务 
器 的 请 求 。 这 里 需要 两 个 参数 : 请 求 方式 (GET、POST 或 PUT) 及 请 求 的 URL。 还 可 以 使 
用 第 3 个 参数 指明 请 求 是 否 异 步 执 行 , 默 认为 True, 所 以 省 略 。 

第 3 行 指明 如 何 处 理 响应 , 即 当 异步 请 求 执 行 完 成 ,返回 请 求 数据 后 ,由 showdata 函数 
负责 刷新 页 面 。 

第 4 行 真正 的 发 送 了 异步 请 求 。Send 方法 可 以 接收 一 个 字符 型 参数 ,代表 随 请 求 发 送 
的 额外 数据 。 对 于 IE 可 以 忽略 该 参数 ,但 对 于 FireFox, 必 须 提供 一 个 null 引用 ,否则 回调 
处 理 可 能 会 不 正确 。 

(5) 处 理 响应 。 

在 script 标记 中 加 入 以 下 脚本 : 


if (xhr. status == 200) 
{ 
document. getElementById("results"). innerHTML = xhr.responseText; 


! 


当 响 应 被 返回 时 ,可 以 使 用 responseText 和 responseXML 属性 从 XMLHttpRequest 
对 象 中 析 取 需要 的 数据 。 从 字面 意思 理解 ,responseText 将 数据 内 容 当 做 一 个 字符 串 返 
回 , 而 responseXML 则 将 其 作为 树 的 节点 对 象 返回 ,具体 应 用 中 要 根据 实际 情况 来 进行 
选择 。 

特别 需要 说 明 的 是 ,在 获取 响应 数据 之 前 ,必须 先 判断 XMLHttpRequest 对 象 的 状态 ， 
确认 请 求 已 处 理 完成 并 且 正 确 返 回 了 响应 数据 。 在 步骤 (3) 中 注册 了 当 XMLHttpRequest 
对 象 的 readyState 状态 改变 时 将 触发 showdata 函数 调用 ,但 readState 共有 5 种 状态 ,任何 
一 次 状态 变化 都 会 触发 showdata, 而 只 有 状态 值 为 4 时 才 表 示 响 应 完全 加 载 。 当 响应 完全 
加 载 时 ,还 要 判断 本 次 请 求 处 理 是 否 成 功 , 通 过 status 属性 判断 , 值 为 200 表示 处 理 成 功 , 其 
他 代码 都 表示 出 现 了 某 种 类 型 的 错误 。 

通过 本 例 可 以 看 出 ,AJAX 是 一 项 比较 中 立 的 技术 ,不 在 乎 服务 器 端 采用 什么 技术 ,只 
要 能 够 返回 XML 格式 的 数据 即 可 ,本 例 更 是 没有 使 用 任何 服务 器 端 编程 技术 ,直接 从 一 个 
文件 中 获取 XML。 事 实 上 ,AJAX 在 出 现 的 早期 要 求 服务 器 端 返回 XML 格式 的 数据 ,由 
于 XML 数据 往往 格式 元 长 ,现在 的 应 用 中 往往 也 不 使 用 XML 返回 结果 。 

例 12-2 使 用 AJAX 技术 实现 列表 框 的 联动 。 

在 第 1 个 列表 框 中 显示 大 区 (Region) 列 表 , 第 2 个 列表 框 中 显示 地 区 (Territory) 列 表 ， 
当 在 第 1 个 列表 框 中 选择 某 个 大 区 时 ,第 2 个 列表 框 中 自动 填充 该 大 区 下 的 所 有 地 区 。 页 
面 的 运行 效果 如 图 12-2 所 示 。 
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文件 加 ”编辑 提 。 查看 W)。 收 苞 交 多 工具 四 帮助 中 


这 收 蕊 夹克 使 用 AJAxX 技 术 实现 菜单 联动 


Choose a Region, and then a Territory: 


Northem 司 


Portsmouth 


eS 


图 12-2 使 用 AJAX 技术 实现 列表 框 联动 


用 常规 方式 实现 列表 框 联动 也 比较 简单 ,只 要 设置 大 区 列表 框 的 AutoPostBack 属性 位 
为 真 , 然 后 在 服务 器 端 捕获 其 SelectedIndexChanged 事件 ,在 其 中 编码 ,访问 数据 库 并 填充 章 
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地 区 列表 框 即 可 。 这 种 方式 会 导致 页 面 整体 刷新 ,产生 不 必要 的 延迟 和 闪烁 ,使 用 AJAX 
技术 实现 效果 更 佳 。 
(1) 建立 页 面 ,代码 如 下 : 


本 例 在 服务 器 端 使 用 SqlDataSource 自动 填充 大 区 下 拉 列 表 框 。 客 户 端 在 页 面 加 载 完 
成 后 自动 创建 XMLHttpRequest 对 象 ,并 捕获 大 区 下 拉 框 的 change 事件 以 触发 AJAX 
调用 。 

(2) 触发 AJAX 通信 ,函数 代码 如 下 : 


函数 第 一 行 在 DOM 中 查找 大 区 下 拉 列 表 框 ,并 获取 其 当前 选项 值 。 下 一 步 是 向 服务 
器 发 送 异 步 请 求 ,获取 该 大 区 下 的 所 有 地 区 列表 。 由 于 服务 器 端 不 需 生成 整个 页 面 , 没 有 必 
要 采用 复杂 的 Web Form 模型 ,这 里 使 用 了 一 般 HTTP 处 理 程序 来 处 理 异步 请 求 ,所 以 请 
求 的 URL 为 ajaxddlhandler. ashx, 同 时 将 大 区 代码 作为 参数 传递 过 去 。 

(3) 创建 一 般 HTTP 处 理 程序 以 处 理 异步 请 求 。 

在 ASP.NET 中 ,所 有 的 请 求 最 终 都 是 由 一 个 实现 了 IHttpHandler 接口 的 类 来 处 理 
的 ,一 般 情况 下 ,这 个 类 就 是 一 个 Web Form 页 面 。 

但 很 多 时 候 , 只 需要 接收 和 处 理 请 求 ,然后 返回 数据 ,不 必 使 用 基于 控件 的 Web Form 
模型 ,不 需要 走 完整 的 页 面 事 件 过 程 来 创建 页 面 (包括 创建 网 页 对 象 持 久 化 视图 状态 等 )， 
这 样 可 以 节约 大 量 的 服务 器 资源 。 这 时 ,使 用 低层 接口 会 非常 方便 ,可 以 自 定义 一 个 Http 
处 理 程序 ,实现 IHttpHandler 接口 ,这 样 就 可 以 访问 Request 和 Response 对 象 ,实现 简单 
的 请 求 处 理 。 

IHttpHandler 接口 中 定义 了 两 个 成 员 ,如 表 12-1 所 示 。 


表 12-1 IHttpHandler 接口 的 成 员 


ProcessRequest 请 求 处 理 方法 , 当 请 求 该 处 理 程序 时 会 自动 调用 该 方法 。 在 该 方法 中 ,可 以 
通过 传人 的 HttpContext 对 象 访问 Request、Response 等 内 部 对 象 
IsReusable 该 属性 指明 本 处 理 程序 是 否 可 以 重用 。ProcessRequest 方法 执行 完成 后 会 


自动 检查 该 属性 , 若 为 假 , 则 立刻 释放 该 对 象 , 若 为 真 则 不 释放 ,还 可 以 被 另 
一 个 和 当前 请 求 类 型 相同 的 请 求 所 重用 


自 定 义 的 请 求 处 理 程序 代码 如 下 : 


<% @ WebHandler Language = "C#" Class = "AjaxDDLHandler" %> 
using System; 

using System. Web; 

using System. Text; 

using System.Data. SqlClient; 

using System. Web. Conf iguration; 

public class AjaxDDLHandler : IHttpHandler 


{ 

public void ProcessRequest (HttpContext context) 

0 
HttpResponse response = context.Response; 
context. Response. ContentTYpe = "text/plain"; 
string regid = context.Request. QueryString[ "regid"]; 
string territories = GetTerritories (regid); 
context. Response. Writel( territories); 

} 

public bool IsReusable 

{ 

get{return true; } 
由 


public string GetTerritories(string regid) 
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在 ProcessRequest 方法 中 ,设置 相应 的 内 容 类 型 为 text/plain, 表 示 以 纯 文本 的 形式 返 
回 数据 ; 然后 从 请 求 参数 中 获取 RegionID ,并 调用 GetTerritories 方法 以 检索 该 大 区 下 所 
有 地 区 的 信息 ,最 后 将 查询 结果 写 到 响应 中 ,返回 个 客户 端 。 

在 GetTerritories 方法 中 ,根据 一 个 RegionID 可 以 从 数据 库 中 检索 到 一 系列 Territory 
信息 , 按 传统 的 做 法 ,可 以 将 这 些 信 息 包装 在 一 段 XML 中 返回 ,但 考虑 到 XML 需要 复杂 的 
标记 ,会 增加 传输 的 数据 量 , 所 以 这 里 使 用 了 更 简单 的 数据 组 织 方式 。 使 用 StringBuilder 构造 
返回 字符 串 , 各 条 Territory 之 间 用 “|1" 符 号 分 隔 , 每 条 Territory 中 含 TerritoryDescription 和 
TerritoryID 两 个 数据 项 ,之 间 用 “1” 符 号 分 隔 。 

(4) 处 理 返回 结果 ,刷新 页 面 ,代码 如 下 : 


var fields = rows[i].split("|"); 

var territoryDesc = fields[0]; 

var territoryID = fields[1]; 

Var option = document. createElement("option"); 
option.value = territoryID; 

option. innerHTML = territoryDesc; 
lstTerritories. appendChild(option); 


} 


这 里 首先 从 XMLHttpRequest 对 象 中 获得 返回 的 数据 ( 纯 文 本 字符 串 ), 然 后 要 对 该 字 
符 串 进行 解析 。 在 JavaScript 中 调用 string 类 型 的 split 方法 可 以 实现 字符 串 的 切 分 ,传人 
的 参数 为 字符 串 分 隔 符 。 首 先 按 "| 1? 分隔, 可 以 将 结果 拆 分 成 一 系列 Territories; 每 个 
Territory 又 包含 两 个 数据 项 ,所 以 再 使 用 “|” 切 分 ,得 到 TerritoryDescription 和 
TerritoryID ,在 循环 体 中 ,以 这 些 数据 为 基础 生成 选项 ,添加 到 第 二 个 下 拉 列 表 框 中 ,至 此 ， 
AJAX 请 求 处 理 完成 。 

运行 程序 ,在 第 一 个 列表 框 中 选择 一 个 大 区 ,可 以 看 到 页 面 并 没有 闪 动 ,但 第 二 个 列表 
框 中 已 经 填 人 了 适当 的 列表 ,这 就 是 异步 通信 带 来 的 用 户 体验 。 


12.3 使 用 Ajax Extensions 快速 构建 Ajax 应 用 


前 面 使 用 传统 编程 方式 构建 AJAX 应 用 ,客户 端 需要 编写 大 量 的 JavaScript 代码 ,还 需 
要 弥补 ASP.NET 服务 器 端 抽象 和 客户 端 HTML DOM 之 间 的 鸿沟 ,开发 难度 较 大 。 

为 简化 开发 ,可 以 使 用 Microsoft Ajax 技术 。 它 提供 了 一 套 服务 器 端 编程 模型 ,能 够 自 
动产 生 各 种 需要 的 客户 端 代码 (即使 用 XMLHttpRequest 对 象 执行 异步 请 求 的 代码 ) ,这 样 
就 可 以 非常 方便 地 创建 高 度 交 互 AJAX 风格 的 页 面 了 。 


12.3.1 Microsoft Ajax 概述 


Microsoft Ajax 技术 体系 分 为 两 大 模块 : 客户 端 模 块 和 服务 器 端 模块 ,如 图 12-3 所 示 。 

在 客户 端 可 使 用 Microsoft Ajax Library, 这 是 一 组 独立 的 JavaScript 库 文件 ,提供 了 易 
用 的 客户 端 组 件 ,并 提供 浏览 器 兼容 性 支持 .异步 通信 服务 及 调试 和 错误 处 理 等 基础 服务 。 
由 于 该 库 独 立 于 服务 器 端 技术 ,可 以 单独 使 用 客户 端 脚本 而 不 使 用 ASP.NET 服务 器 端 控 
件 , 或 使 用 其 他 的 服务 器 端 技术 。 

服务 器 端 模块 主要 包含 一 组 服务 器 端 控 件 ,另外 还 提供 了 应 用 程序 服务 (如 角色 和 认证 
信息 服务 等 )、Web Service 支持 (允许 在 客户 端 脚本 中 调用 Web Service) 及 脚本 支持 等 功 
能 。 使 用 Ajax 服务 器 端 模块 ,可 以 像 以 往 开发 服务 器 端 程序 一 样 将 Ajax 控件 添加 到 网 页 
上 ,该 页 会 自动 将 支持 的 客户 端 脚本 发 送 到 浏览 器 以 获取 Ajax 功能 。 

在 服务 器 端 模块 ,系统 本 身 提供 了 4 个 最 常用 的 Ajax 控件 ,如 表 12-2 所 示 。 
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图 12-3 Microsoft Ajax 体系 结构 


表 12-2 常用 的 Ajax 控件 


控件 描 述 
ScriptManager 管理 客户 端 组 件 .部 分 页 呈现 、 本 地 化 、 全 球 化 和 自 定义 用 户 脚本 的 脚本 资 
源 。 只 要 使 用 UpdatePanel、UpdateProgress 和 Timer 控件 ,就 一 定 要 创建 
ScriptManager 来 管理 脚本 。 若 只 使 用 客户 端 模 块 , 则 不 需要 创建 该 对 象 


UpdatePanel 最 重要 的 服务 器 端 控件 ,能 够 刷新 页 面 的 选 定 部 分 ,而 不 是 使 用 同步 回 发 来 
刷新 整个 页 面 

UpdateProgress 提供 有 关 UpdatePanel 控件 中 的 部 分 页 更 新 的 进度 状态 信息 

Timer 按 定义 的 时 间 间 隔 执 行 回 发 。 可 以 使 用 该 控件 来 发 送 整个 页 ,或 将 其 与 


UpdatePanel 控件 一 起 使 用 以 按 定义 的 时 间 间 隔 执 行 部 分 页 更 新 


12.3.2 使 用 UpdatePanel 控件 实现 页 面 局 部 刷新 


异步 请 求 和 局 部 刷新 是 AJAX 应 用 的 两 个 基本 特征 , 若 要 实现 这 两 项 功能 ,通常 需要 
深入 研究 JavaScript, 仔 细 处 理 客户 端 与 服务 器 端的 交互 。 不 过 , 若 使 用 UpdatePanel 控件 ， 
不 用 编写 任何 JavaScript 代码 ,不 用 考虑 复杂 的 通信 过 程 ,就 能 开发 出 功能 强大 的 AJAX 应 
用 ,大 量 的 客户 端 代 码 及 底层 通信 服务 都 由 服务 器 端 控件 自动 完成 。 

例 12-3 ”使 用 UpdatePanel 实现 页 面 的 局 部 更 新 。 

(1) 创建 PartialUpdate. aspx 页 面 ,在 控件 工具 箱 中 单 击 AJAX Extensions 组 ,从 中 选 
择 ScriptManager 控件 ,双击 将 其 加 入 页 面 中 。 

(2) 从 控件 工具 箱 中 选择 AJAX Extensions 组 中 的 UpdatePanel 控件 ,双击 加 入 页 
面 中 。 

(3) 单 击 UpdatePanel 控件 内 部 ,然后 在 工具 箱 的 “标准 ”选项 卡 中 双击 Label 和 
Button 控件 以 将 它们 添加 到 UpdatePanel 控件 中 。 


(4) 在 UpdatePanel 外 再 添加 一 个 Label 和 一 个 Button 控件 。 
(5) 调整 各 控件 的 属性 ,最 终生 成 的 页 面 代码 如 下 : 


(6) 在 后 台 代 码 文件 中 加 入 如 下 的 Page_Load 事件 过 程 : 


运行 该 程序 ,界面 如 图 12-4 所 示 。 


页 面 局 部 更 新 示例 


局 部 更 新 的 时 间 。 18:19:58 攻 芭 更 新 本 区 城 的 村 间 串 
整体 更 新 的 时 间 ， 18:19:58 攻 到 新 到 人 页 而 的 双亲 


12-4 页 面 局 部 刷新 示例 


单 击 下 排 的 按钮 ,能够 看 到 页 面 被 提交 并 整体 刷新 ,两 个 Label 上 显示 的 时 间 都 发 生 了 
变化 。 但 单 击 第 一 个 按钮 ,会 发 现 页 面 没有 闪烁 (没有 整体 刷新 ), 且 只 有 第 一 个 Label 上 显 
示 的 时 间 发 生 了 变化 ,而 第 二 个 Label 没有 变化 。 这 就 可 以 说 明 ,放置 在 UpdatePanel 中 的 
控件 ,会 自动 产生 异步 请 求 ,并 实现 局 部 刷新 ,这 正 是 AJAX 技术 的 核心 特性 ,但 是 在 本 示 
例 中 ,没有 写 一 行 的 JavaScript 代码 ,也 没有 操作 XMLHttpRequest 对 象 ,一 切 都 是 由 
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AJAX 框架 自动 完成 的 。ASP.NET AJAX Extensions 帮助 程序 员 完 成 了 最 困难 .最 复杂 的 
底层 工作 ,大 大 简化 了 AJAX 开发 过 程 。 

实现 页 面 局 部 刷新 与 异步 请 求 的 核心 是 ScriptManager 和 UpdatePanel 控件 。 前 者 用 
于 控制 服务 器 端 与 客户 端的 交互 ,解决 JavaScript 脚本 下 载 以 及 客户 端 与 服务 器 之 间 的 通 
信和 问题 ,每 个 使 用 AJAX Extensions 的 网 页 都 需要 一 个 ScriptManager 控件 ; 后 者 用 来 定 
义 页 面 上 的 可 更 新 区 域 , 当 一 次 异步 回 发 发 生 时 ,该 区 域 会 得 到 更 新 。 在 一 个 页 面 上 可 以 放 
置 多 个 UpdatePanel 控件 以 定义 多 个 可 更 新 区 域 , 甚 至 可 以 嵌 套 的 使 用 UpdatePanel 控件 。 

UpdatePanel 控件 使 用 模板 的 方式 定义 其 显示 内 容 。 它 有 一 个 ContentTemplate 模 
板 , 可 以 容纳 各 种 页 面 元 素 。 对 于 那些 可 以 引发 PostBack 的 传统 ASP.NET 控件 (如 
Button 控件 ) ,只 要 被 放置 在 UpdatePanel 中 ,不 用 作 任 何 设置 ,这 些 标准 回 发 就 会 自动 转 
换 为 异步 回 发 ,这 就 是 UpdatePanel 的 神奇 之 处 。 

需要 特别 说 明 的 是 , 当 异 步 回 发 发 生 时 ,服务 器 端的 处 理 过 程 与 传统 回 发 的 处 理 过 程 没 
有 任何 区 别 , 仍 然 会 经 历 传统 回 发 一 样 的 生命 周期 ,所 以 使 用 异步 回 发 并 没有 减少 服务 器 端 
的 运算 负荷 。 在 Page_Load 事件 过 程 中 ,从 代码 看 是 要 更 新 两 个 标签 上 的 时 间 , 但 实际 运 
行 后 只 更 新 了 UpdatePanel 范围 内 的 时 间 ,可 见 服务 器 在 给 浏览 器 回 传 数 据 时 是 有 区 别 的 。 
在 异步 模式 下 ,服务 器 会 根据 请 求 , 仅 发 送 要 更 新 区 域 ( 即 UpdatePanel 上 ) 的 数据 ; 而 在 同 
步 回 发 时 ,服务 器 会 发 回 整个 页 面 。 

当 一 个 页 面 上 有 多 个 UpdatePanel 时 ,一 个 Panel 上 的 异步 回 发 是 否 会 影响 另 一 个 
Panel 上 的 刷新 由 UpdatePanel 控件 的 UpdateMode 属性 决定 ,该 属性 有 两 种 选择 当选 择 
Always 时 ,任何 一 个 回 发 (包括 同步 回 发 和 异步 回 发 ) 都 会 更 新 其 内 容 ; 当选 择 Conditional 
时 , 仅 满 足 条 件 的 回 发 更 新 其 内 容 。 该 属性 默认 值 为 Always。 

例 12-4 包含 多 个 UpdatePanel 的 页 面 局 部 更 新 示例 。 

建立 如 下 的 页 面 : 


<form id = "forml" runat = "server"> 
<asp:ScriptManager ID = "ScriptManagerl" runat = "server"></asp:ScriptManager > 
<h2 > 局 部 更 新 方式 示例 </h2 >< hr /> 
整 页 回 发 的 时 间 : 
<asp:Label ID = "Labell" runat = "server" Font - Bold= "True"></asp:Label> 
<asp:Button ID = "Buttonl”runat = "server" Text = "传统 提交 " />< hr /> 
<asp:UpdatePanel ID = "PanelAlways" runat = "server"> 
<ContentTemplate> 
异步 回 发 Always 模式 : 
<asp:Label ID = "Label2" runat = "server" Font - Bold = "True"></asp:Label > 
<asp:Button ID = "Button2"” runat = "server" Text = "异步 提交 "” /> 
</ContentTemplate> 
</asp:UpdatePanel >< hr /> 
<asp:UpdatePanel ID = "PanelConditional" runat = "server" UpdateMode = "Conditional"> 
<ContentTemplate> 
异步 回 发 Conditional 模式 : 
<asp:Label ID = "Label3" runat = "server" Font - Bold = "True"></asp:Label > 
<asp:Button ID = "Button3”runat = "server" Text = "异步 提交 ”/> 
</ContentTemplate> 


</asp:UpdatePanel > 
</form> 


在 后 台 建立 如 下 的 Page_Load 事件 过 程 : 


protected void Page Load(object sender, EventArgs e) 
qd 
Labell. Text = DateTime. Now. ToLongTimeString(); 
Label2. Text = DateTime. Now. ToLongTimeString(); 
Label3. Text = DateTime. Now. ToLongTimeString(); 
; 


运行 该 程序 ,效果 如 图 12-5 所 示 。 
SE 
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局 部 更 新 方式 示例 
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异步 回 发 Always 异 式 ， 19:14:20 代步 提交 
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图 12-5 异步 回 发 模式 示例 


单 击 第 1 个 按钮 ,会 引发 同步 回 发 ,这 时 3 个 Label 上 的 时 间 都 会 刷新 。 

单 击 第 2 个 按钮 ,在 PanelAlways 上 产生 异步 回 发 ,只 有 该 Panel 上 的 时 间 被 刷新 。 

单 击 第 3 个 按钮 ,在 PanelConditional 上 产生 异步 回 发 ,后 两 个 时 间 被 刷新 。 

可 以 看 到 ,PanelAlways 面板 的 UpdateMode 属性 被 设置 为 Always ,这 样 , 任 何 一 次 异 
步 回 发 都 会 导致 该 面板 的 内 容 刷 新 ; 而 PanelConditional 面板 的 UpdateMode 属性 设置 为 
Conditional, 该 面板 上 的 异步 回 发 事件 能 引发 自身 的 更 新 ,而 其 他 面板 的 异步 回 发 不 能 引起 
它 的 刷新 。 

前 面 的 示例 都 是 由 UpdatePanel 内 部 的 控件 引起 异步 回 发 ,最 常见 的 是 由 按钮 控件 引 
发 ,而 AutoPostBack 属性 为 真 的 许多 别 的 控件 也 能 引起 异步 回 发 。 若 不 希望 UpdatePanel 
内 部 控件 引发 的 异步 回 发 来 更 新 此 Panel, 可 以 将 该 Panel 的 ChildrenAsTriggers 属性 设置 
为 False。 

在 某 些 情况 下 ,可 能 希望 由 放置 在 UpdatePanel 外 的 某 个 控件 引发 异步 回 发 而 更 新 此 
Panel ,那么 该 控件 被 称 为 异步 回 发 触发 器 (AsyncPostBackTrigger)。 一 个 UpdatePanel 可 
以 注册 一 个 或 多 个 异步 回 发 触发 器 , 当 一 个 控件 被 注册 为 异步 回 发 触发 器 时 ,该 控件 的 回 发 
将 不 再 是 标准 回 发 ,而 是 自动 被 转 为 异步 回 发 。 

使 用 异步 回 发 触发 器 的 代码 声明 如 下 : 
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<asp:UpdatePanel ID = "UpdatePanell" runat = "server" UpdateMode= "Conditional" 
ChildrenAsTriggers = "false"> 
<ContentTemplate> 
局 部 更 新 区 域 的 时 间 : <% = DateTime. Now. ToString() %> 
</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID = "Button1" /> 
</Triggers> 
</asp:UpdatePanel > 
<asp:Button ID= "Button1" runat = "server" Text = "更 新 时 间 " /> 


现在 可 以 总 结 UpdatePanel 的 更 新 规则 了 。 当 UpdateMode 属性 设 为 Always 时 ,页 面 
上 任何 回 发 都 会 导致 UpdatePanel 的 内 容 更 新 。 若 其 UpdateMode 属性 设置 为 
Conditional, 则 以 下 情况 下 ,该 Panel 的 内 容 才 会 被 更 新 : 
。 ChildrenAsTriggers 属性 设置 为 True, 并 且 任 何 一 个 位 于 该 UpdatePanel 内 部 的 控 
件 引 起 回 发 。 
。 直接 在 代码 中 调用 UpdatePanel 控件 的 Update 方法 。 
。 如 果 此 UpdatePanel 租 套 在 另 一 个 UpdatePanel 中 ,那么 父 Panel 的 更 新 将 导致 子 
Panel 的 更 新 。 
。 任何 一 个 注册 为 本 UpdatePanel 的 触发 器 控件 引发 的 回 发 (无 论 该 UpdatePanel 的 
ChildrenAsTriggers 属性 是 True 还 是 False) 。 


12.3.3 使 用 UpdateProgress 控件 显示 更 新 进度 


由 于 AJAX 页 面 采 用 局 部 刷新 ,对 于 一 些 耗 时 较 长 的 工作 ,用 户 可 能 不 知道 页 面 正在 
向 服务 器 请 求 数据 ,比较 人 性 化 的 做 法 是 在 请 求 开 始 时 给 用 户 一 个 提示 信息 ,而 在 返回 数据 
后 这 些 信 息 自 动 消失 。 使 用 UpdateProgress 控件 能 够 实现 这 样 的 功能 。 

从 本 质 上 说 ,UpdateProgress 并 不 是 真正 的 进度 指示 ,只 提供 一 条 等 待 信息 让 用 户 知 
道 页 面 正 在 做 后 台 处 理 , 这 些 等 待 信息 可 以 是 静态 的 消息 或 图 片 ,通常 会 用 一 个 GIF 动画 
来 模拟 进度 条 。 

例 12-$ 使 用 UpdateProgress 控件 显示 等 待 信息 。 

该 页 面 的 运行 效果 如 图 12-6 所 示 ,页 面 代码 如 下 : 


<form id = "forml" runat = "server"> 
<asp:ScriptManager ID = "ScriptManagerl" runat = "server"> </asp:ScriptManager > 
< h2 > 使 用 UpdateProgress 控件 显示 等 待 信息 </h2> <hr /> 
<asp:UpdatePanel ID = "uppnll" runat = "server"> 
<ContentTemplate > 
<asp:Button ID = "Button1" runat = "server" Text = "启动 一 个 耗 时 的 任务 " 
onclick = "Buttonl Click" /> 
<asp:Label ID = "lblmsg" runat = "server" Font — Bold = "True"></asp:Label > 
</ContentTemplate> 
</asp:UpdatePanel >< br /> 
<asp:UpdateProgress runat = "server" jd = "uppgl" AssociatedUpdatePanelID= "uppnl1"> 
<ProgressTemplate > 


正在 处 理 < ing src= "wait. gif" alt= "Wait" /> 
</ProgressTemplate > 
</asp:UpdateProgress> 
</form> 
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图 12-6 使 用 UpdateProgress 控件 的 页 面 运行 效果 


可 以 看 到 ,UpdateProgress 控件 使 用 模板 设计 其 显示 样式 ,本 例 在 ProgressTemplate 
模板 中 显示 了 几 个 文字 及 一 个 动画 图 标 。 

本 例 还 将 UpdateProgress 控件 的 AssociatedUpdatePanelID 属性 关联 到 UpdatePanel 
控件 上 ,实际 上 这 个 关联 可 以 有 也 可 以 没有 ,因为 默认 情况 下 ,无论 哪 一 个 updatePanel 开 
始 回调 ,UpdateProgress 都 会 自动 显示 它 的 ProgressTemplate 内 容 。 若 页 面 很 复杂 且 有 多 
个 UpdateProgress, 则 可 以 选择 让 UpdateProgress 只 关注 其 中 的 某 个 UpdatePanel, 这 时 就 
很 有 必要 设置 其 AssociatedUpdatePanelID 属性 了 。 

这 时 运行 该 程序 , 单 击 “启动 ?按钮 ,还 看 不 到 进度 提示 信息 ,这 是 因为 在 后 台 还 没有 写 
异步 回 发 的 代码 ,所 以 该 请 求 什么 也 不 做 ,很 快 就 返回 ,进度 条 就 没有 机 会 显示 了 。 在 按钮 
的 单 击 事件 中 增加 一 个 延 时 就 可 以 看 到 进度 指示 了 ,代码 如 下 


protected void Buttonl Click(object sender, EventArgs e) 
. 
System. Threading.Thread. Sleep(5000); // 延 时 5 秒 
lblmsg. Text = "处 理 完成 "7 
} 


12.3.4 使 用 Timer 控件 实现 定时 刷新 


有 时 客户 端 可 能 想 按 一 定时 间 间 隔 定期 访问 Web 服务 器 以 获取 某 些 频繁 更 新 的 信息 ， 
如 股票 行情 信息 等 。 使 用 Timer 控件 可 帮助 你 实现 这 种 设计 。 

Timer 控件 的 使 用 非常 简单 ,只 要 把 它 加 入 到 页 面 上 ,并 设置 其 Interval 属性 为 定时 时 
间 间 隔 ( 以 毫秒 为 单位 ) ,那么 它 就 会 按 指定 的 间隔 不 断 的 触发 异步 回 发 。 

例如 : 
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<asp:Timer ID = "Timer1l”runat = "server" Interval = "1000"OnTick = "Timerl_Tick"> 


该 行 代码 将 Timerl 的 定时 间隔 设置 为 1 秒 钟 。 IE 
这 样 它 每 隔 1 秒 便 会 触发 一 次 Timerl_Tick 事件 过 ” 句 昌 ewe/ 可 |B)t+|x| 凡 ws 
程 ,可 以 在 该 过 程 中 编码 来 刷新 页 面 。 若 要 停止 A 
个 定时 器 ,只 需 在 服务 器 端 将 其 Enabled 属性 设置 各 Re [1 
为 false 即 可 。 使 用 Timer 控 件 定时 刷新 页 面 

例 12-6 在 页 面 上 显示 服务 器 的 当前 时 间 ,并 
能 每 隔 1 秒 钟 自动 更 新 显示 。 

该 示例 的 运行 效果 如 图 12-7 所 示 。 

该 示例 的 页 面 代码 如 下 : 图 12-7 使 用 Timer 控件 更 新 和 显示 时 间 


当前 时 间 ，2011-8-9 8:52:11 
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< form id = "forml" runat = "server"> 
<asp:ScriptManager ID = "ScriptManagerl1l" runat = "server"> </asp:ScriptManager > 
< h2 > 使 用 Timer 控件 定时 刷新 页 面 </h2 >< hr /> 
<asp:UpdatePanel ID = "UpdatePanell" runat = "server" UpdateMode= "Conditional"> 
<ContentTemplate> 
当前 时 间 : <asp:Label ID = "lblmsg" runat = "server" ></asp:Label> 
</ContentTemplate > 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID = "Timerl" EventName = "Tick" /> 
</Triggers> 
</asp:UpdatePanel > 
<asp:Timer ID = "Timerl" runat = "server" Interval = "1000" OnTick = "Timerl_Tick"> 
</asp:Timer> 
</form> 


这 里 ,将 Timer 控件 的 Interval 属性 设置 为 1000 毫秒 ,并 将 其 Tick 事件 注册 为 UpdatePanel 的 
触发 器 。Timerl_Tick 事件 过 程 的 代码 如 下 : 


protected void Timerl_Tick(object sender, EventArgs e) 


{ 
lblmsg. Text = DateTime.Now.ToString(); 


. 


可 以 看 出 ,Timer 控件 特别 适用 于 部 分 呈现 的 页 面 ,因为 异步 回 发 不 会 打 断 用 户 当 前 的 
[ 作 , 局 部 刷新 也 不 会 导致 页 面 闪 动 。 唯 一 的 问题 是 ,定时 刷新 会 加 大 应 用 程序 服务 器 的 负 
载 ,要 切实 考虑 清楚 ,将 时 间 间 隔 尽 可 能 设置 的 长 一 些 。 若 页 面 上 仅仅 是 为 了 显示 一 个 时 
钟 ,就 不 一 定 非 要 从 服务 器 上 获取 时 间 , 最 好 使 用 JavaScript 从 客户 端 定时 获取 时 间 。 


12.4 使 用 Ajax Control Toolkit 


除了 Microsoft Ajax Extensions 中 提供 的 4 个 核心 控件 外 ,开源 的 Ajax Control 
Toolkit 提供 了 大 量 功 能 强大 的 扩展 控件 ,这 些 控 件 能 够 与 现 有 的 Web 控件 配合 使 用 ,为 


Web 控件 增加 AJAX 特性 。 
12.4.1 获取 和 安装 Ajax Control Toolkit 


要 获取 Ajax Control Toolkit 工具 包 , 请 访问 Microsoft AJAX Content Delivery 
Network, 网 址 是 http://www. asp. net/ajaxlibrary/cdn. ashx。 这 里 ,不 但 提供 了 Ajax 
Control Toolkit 的 下 载 链 接 ,还 提供 了 各 种 控件 的 教程 .示例 以 及 编程 参考 等 资源 。 

下 载 Ajax Control Toolkit 的 压缩 包 后 ,打开 它 ,会 看 到 一 个 名 为 AjaxControlToolkit. 
dll 的 核心 程序 集 , 以 及 支持 各 种 本 地 语言 的 资源 文件 ,另外 还 包含 一 个 示例 网 站 项 目 , 演 示 
各 种 控件 的 使 用 。 

打开 Ajax Control Toolkit 的 示例 网 站 ,其 运行 界面 如 图 12-8 所 示 。 在 左 侧 的 控件 列 
表 中 单 击 某 链 接 , 右 侧 窗 格 种 就 能 看 到 该 控件 的 运行 效果 及 说 明 。 
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图 12-8 Ajax Control Toolkit 示例 网 站 运行 效果 


为 在 Web 项 目 中 使 用 Ajax Control Toolkit 中 的 控件 ,需要 将 相关 的 程序 集 引 用 到 
Web 项 目 中 ,最 简单 的 方法 是 将 AjaxControlToolkit. dll 程序 集 复 制 到 Web 项 目的 Bin 文 
件 夹 下 ,并 将 相关 语言 版 本 的 资源 文件 (如 zh-CHS 文件 夹 下 为 中 文 版 资源 文件 ) 连 同文 件 
夹 一 起 也 复制 到 Bin 文件 夹 下 。 

为 方便 开发 ,最 好 能 将 这 些 控件 加 入 到 VS 的 工具 箱 中 ,方法 如 下 : 

(1) 在 工具 箱 上 新 建 一 个 选项 卡 ,并 输入 名 字 ( 如 AjaxControls) 。 

(2) 右 击 新 建 选项 卡 上 的 空白 区 域 ,从 弹出 的 快捷 菜单 中 选择 “选择 项 ”命令 。 

(3) 在 弹出 的 “选择 工具 箱 项 目 ” 对 话 框 中 ,. 单 击 “ 浏 览 ” 按 钮 打开 文件 选择 对 话 框 ,选择 
AjaxControlToolkit. dll 程序 集 , 单 击 “ 确 定 ” 按 钮 将 这 些 控 件 添加 到 工具 箱 上 。 工 具 箱 中 的 
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Ajax 控件 列表 如 图 12-9 所 示 。 
12.4.2 Ajax 控件 使 用 示例 


在 很 多 网 页 中 , 当 用 户 输 入 内 容 时 , 边 输入 系统 能 够 边 给 出 一 些 建议 ,辅助 用 户 输 入 ,如 
图 12-10 所 示 。 以 往 要 实现 这 样 的 功能 会 非常 复杂 ,有 了 Ajax 控件 ,这 项 工作 变 得 简单 了 。 
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图 12-9 工具 箱 中 的 Ajax 控件 列表 图 12-10 AutoComplete 运行 效果 


例 12-7 使 用 AutoCompleteExtender 控件 实现 输入 自动 建议 功能 。 

当 输入 Contact Name 时 ,能 够 根据 输入 自动 显示 一 组 建议 ,用 户 单 击 某 建议 项 时 ,对 应 
的 文本 就 复制 到 输入 框 中 。 

(1) 建立 输入 页 面 : 

从 工具 箱 中 选择 一 个 文本 框 一 个 ScriptManager 控件 及 一 个 AutoCompleteExtender 
控件 拖 放 到 页 面 上 ,并 配置 其 属性 。 最 后 生成 的 页 面 代码 如 下 : 


<form id = "forml" runat = " server"> 
<asp:ScriptManager ID = "ScriptManagerl"”runat = "server"> </asp:ScriptManager > 
Contact Name: <asp:TextBox ID = "txtName" runat = "server"></asp:TextBox> 
<ajaxToolkit: AutoCompleteExtender ID = "autoCompletel" runat = "server" 

TargetControlID = "txtName”" ServiceMethod = "GetNames" MinimumPrefixLength= "2"> 

</ajaxToolkit: AutoCompleteExtender > 
<br /><br />Enter at least two letters (such as "Fr"). 

</form> 


可 以 看 到 ,AutoCompleteExtender 控件 的 主要 属性 设置 如 下 : 
。 TargetControlID: 要 辅助 的 目标 控件 。Ajax 控件 基本 上 都 是 扩展 控件 ,自身 不 能 
独立 工作 ,必须 要 配合 别 的 Web 控件 。 这 里 是 辅助 名 字 输 入 框 txtName 控件 。 
。 ServiceMethod: 要 调用 的 服务 器 端 方 法 。 当 用 户 输入 部 分 字符 后 ,要 根据 输入 内 容 
向 服务 器 端 发 送 异 步 请 求 ,查询 并 返回 建议 列表 。 服 务 器 端 一 般 通过 一 个 Web 
Service 处 理 该 请 求 , 这 里 就 指定 该 Web 方法 的 名 字 。 
。 MinimumPrefixLength: 最 少 输入 字符 长 度 , 该 属性 设置 为 2, 表示 至 少 要 输入 两 个 


字符 后 才 向 服务 器 端 发 送 异 步 请 求 。 
(2) 建立 Web 方法 处 理 异步 请 求 : 
一 般 情况 下 ,可 以 建立 专门 的 Web Service 类 并 实现 Web 方 法。 但 在 ASP.NET 中 ,为 
简化 开发 ,也 允许 将 Web 方法 定义 在 页 面 的 后 台 代码 中 。 本 例 就 直接 在 页 面 中 定义 Web 
方法 ,原型 代码 如 下 : 


方法 声明 的 前 面 有 两 行 标注 ,指明 这 是 一 个 Web 方法 ,并 且 能 够 被 脚本 调用 。 方 法 体 
中 要 根据 用 户 输入 的 前 级 (prefixText) ,找到 指定 数量 (count) 的 匹配 项 ,并 将 所 有 匹配 项 以 
列表 的 形式 返回 。 这 里 为 提高 模式 匹配 的 效率 ,应 该 采用 缓存 对 程序 进行 优化 。 

首先 设计 一 个 方法 ,能 够 从 Customers 表 中 读 取 所 有 顾客 的 姓名 ,代码 如 下 : 


在 GetNames 方法 中 ,首先 从 缓存 里 面 检 索 有 没有 联系 人 列表 , 若 没有 , 则 调用 
GetNameListFromDB 方法 获取 列表 并 保存 到 缓存 中 。 相 关 代 码 如 下 : 
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然后 ,根据 输入 的 前 级 ,检索 有 没有 符合 条 件 的 姓名 ,代码 如 下 : 


当 找 到 第 一 匹配 的 姓名 后 ,还 要 继续 找到 其 他 匹配 项 一 起 返回 。 由 于 列表 中 所 有 项 已 
经 按 顾客 姓名 排 好 了 序 ,找到 第 一 个 后 ,其 他 匹配 记录 就 紧 随 其 后 ,所 以 比较 起 来 很 方便 。 
在 缓存 中 匹配 并 返回 数据 的 代码 如 下 : 


关于 其 他 Ajax 控件 的 使 用 方法 ,请 参考 工具 包 中 的 示例 网 站 。 

Microsoft Ajax 技术 提供 了 一 个 多 层 的 平台 ,可 以 在 多 个 层次 上 使 用 ASP.NET AJAX 
框架 : 

(1) 仅 使 用 客户 端 模 块 的 功能 ,编写 自己 的 JavaScript 或 调用 库 中 的 JavaScript, 而 服 


务 器 端 暴 露 Web 方法 供 JavaScript 调用 。 


(2) 使 用 Ajax Extensions 提供 的 基本 控件 ,将 传统 Web 控件 组 织 到 UpdatePanel 上 
来 实现 异步 请 求 与 局 部 刷新 。 

(3) 使 用 扩充 的 Ajax Control Toolkit 控件 ,配合 传统 Web 控件 ,开发 功能 更 强大 的 
AJAX 应 用 。 

(4) 创建 自己 的 客户 端 组 件 ,结合 自 定义 的 服务 器 端 组 件 开发 AJAX 应 用 。 


12.5 习题 和 上 机 练习 


简 答 题 

(1) 什么 是 AJAX? 为 什么 要 使 用 AJAX? 谈 一 下 你 对 AJAX 的 认识 。 

(2) AJAX 应 用 和 传统 Web 应 用 相 比 ,有 哪些 主要 的 不 同 ? 

(3) 在 AJAX 体系 结构 中 ,XMLHTTPREQUEST 对 象 的 作用 是 什么 ”如 何 创 建 该 
对 象 ? 

(4) 试 简要 介绍 XMLHTTPREQUEST 对 象 的 常用 方法 和 属性 。 

(5) 试 总 结 AJAX 的 技术 体系 中 主要 包含 了 哪些 核心 技术 。 

(6) 试 总 结 AJAX 技术 的 优点 和 缺点 。 
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